我有一个小问题 - 我的网站上有一个 HTML5 视频,它在 FF、Chrome、Safari 中运行良好。但是,如果我设置 autoplay="autoplay",它只会在 IE 中显示视频。不知何故它没有显示海报 img - 你可以在这里看到它,http://test.jsworldmedia.com/只需按“查看视频”。谁知道哪里出了问题?
代码是:
<video id="videoContainer" width="932" height="524" controls="controls" poster="/media/13037/big_buck_bunny_poster.jpg">
<source src="http://test.jsworldmedia.com/media/13010/big_buck_bunny.mp4" type="video/mp4" />
<source src="http://test.jsworldmedia.com/media/13555/big_buck_bunny.ogv" type="video/ogg" />
<source src="http://test.jsworldmedia.com/media/13034/big_buck_bunny.webm" type="video/webm" />
<object id="flash_fallback_1" class="vjs-flash-fallback" width="932" height="524" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value="config={'playlist':['http://test.jsworldmedia.com/media/13037/big_buck_bunny_poster.jpg', {'url': 'http://test.jsworldmedia.com/media/13010/big_buck_bunny.mp4','autoPlay':false,'autoBuffering':true}]}" />
<img src="http://test.jsworldmedia.com/media/13037/big_buck_bunny_poster.jpg" width="932" height="542" alt="" title="No video playback capabilities." />
</object>
</video>
最佳答案
如果加载了部分视频,IE9 会覆盖海报图像,这是默认设置。如果您添加属性 preload="none"
海报图像将在 IE9 中工作。
不理想。
编辑 我有 written about this并且还提交了 bug report与 W3C 合作,因为我认为它需要改变。
关于css - HTML5 视频,海报图片不在 IE 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8445965/