我正在尝试使视频元素与所有浏览器兼容。VideoForEverybody 适用于所有浏览器。
唯一的问题是Safari 不能识别 mp4 文件(VideoForEveryBody 说它应该)并播放 swf文件。
这是一个问题,因为在 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 是最新的。