ビデオ要素をすべてのブラウザに対応させようとしています。VideoForEverybody はすべてのブラウザーで動作します。
唯一の問題は、Safari が mp4 ファイルを認識せず(VideoForEveryBody は認識すべきだと言っています) 、swfファイルを再生することです。
loop-attribute を追加していませんが、Safari では swf ファイルが無限ループで再生されるため、これは問題です。でループを無効にし$("#videoTag").prop('loop', false);
ても役に立ちませんでした。
<video id="videoTag" width="800" height="600" preload="auto" autoplay="none">
<source src="videos/test.mp4" type="video/mp4" />
<source src="videos/test.ogv" type="video/ogg" />
<object width="800" height="600" type="application/x-shockwave-flash" data="videos/test.swf">
<param name="flashvars" value="controlbar=over&image=videos/loader-bar-video.gif&file=videos/test.mp4" />
<img src="videos/test.jpg" alt="videoName" title="No video playback capabilities, please download the video below" />
</object>
</video>
したがって、解決策は次のいずれかです
- mp4 を Safari で動作させるか、
- ループを無効にする
誰かがこれを行う方法を知っていますか?
Safari と Adobe Flash Player は最新です。