HTMLビデオがサポートされていない場合、Flashフォールバックが機能しない

Question

私はsiteにフラッシュフォールバック付きのHTMLビデオを使用していますが、HTMLビデオがサポートされていない場合にはフラッシュが機能しないようです。この作業を行うにはjavascriptファイルを含める必要がありますか？

<video width="800" height="400" preload="" 
    onloadeddata="document.getElementById('videoLoadImg').style.display = 'none';"  
    poster="/admin/config/header_files/top.jpg" autoplay=""> 

    <source src="/admin/config/header_files/top.mp4" type='video/mp4;' /> 
    <source src="/admin/config/header_files/top.webm" type='video/webm; 
     codecs="vp8, vorbis"' /> 
    <source src="/admin/config/header_files/top.ogv" type='video/ogg; 
     codecs="theora, vorbis"' /> 
    <embed src='/admin/config/header_files/top.swf' 
     type='application/x-shockwave-flash' width='800' height='400' 
     allowscriptaccess='always' allowfullscreen='false'></embed> 
    <img src='/admin/config/header_files/cake.jpg' /> 
</video> 

iMacのSafari 5.0.6でHTMLビデオが動作しません。

Answer 1

ビデオが自動再生されないことがありますか？ WebKit Inspectorを開いて試してみると、

document.querySelector('video').play() 

のように動作するからです。このケースでは、あなたはjQueryのDOMReadyに上記のコード、またはこのようautoplay属性を追加することができます。

<video autobuffer autoplay> 

をFYI：私はしかし、私はSafariはHTML5ビデオの周りに4.0をサポートしていると信じて、Safariの5.1.2があります。