CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – HTML5视频,海报img没有在IE中显示大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个小问题 – 我的网站上有一个 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并且已经向W3C提交了bug report,因为我认为它需要更改.

大佬总结

以上是大佬教程为你收集整理的css – HTML5视频,海报img没有在IE中显示全部内容,希望文章能够帮你解决css – HTML5视频,海报img没有在IE中显示所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。