我一直在审核开发人员将Flash回退添加到HTML5网站的不同方式的材料。
我有这个带虚拟视频的测试代码:
<video width="944" height="532" controls preload="auto" poster="imgs/vidPosterImg.jpg">
<source src="videos/2010reel.mp4" type="video/mp4" />
<source src="videos/2010reelogg.ogv" type='video/ogg; codecs="theora, vorbis"'>
<embed src="flash/mainsceen.swf" type="application/x-shockwave-flash" width="944" height="531" allowscriptaccess="always" allowfullscreen="true"></embed>
<object width="320" height="240" type="application/x-shockwave-flash"
data="flash/mainsceen.swf">
<param name="movie" value="flash/mainsceen.swf" />
<param name="allowfullscreen" value="true" />
</object>
<object type="application/x-shockwave-flash" data="flash/mainsceen.swf" width="944" height="532">
<param name="movie" value="flash/mainsceen.swf">
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always">
</object>
</video>
mp4正常工作,而ogv可以在Firefox中使用。但Flash没有。
此外,在Safari中,当元数据加载时,海报图像似乎被跳过到第一帧的视频。
答案 0 :(得分:5)
更正,WP4在Firefox中不起作用,只支持OGG。您必须通过删除WP4和OGG源在Firefox中进行测试。如果您离开了OGG源,它至少会使用HTML5播放。
Video For Everybody (Video Encode section)州:
Firefox只会播放Ogg(Firefox 4也支持WebM),以及 如果没有与Firefox兼容的视频,它将不会降级为Flash 文件。
因此,必须存在ogg源才能使闪回后退工作。你必须相信它有效。这就是FireFox浏览器解析视频元素的方式 - 如果它没有看到ogg源,那么它将无法达到闪回后备,并且您的后备将会被破坏。
如果您需要测试闪回后备是否有效,则必须删除其周围的视频和源标签,以便浏览器别无选择,只能运行Flash视频。