动态HTML5视频在Firefox中对某些用户显示为白色

Question

我们有一个标头视频，它先加载图像，然后再懒加载视频（mp4和webm，具体取决于浏览器）。 对于Firefox中的某些用户，HTML5视频源是白色的，而对于其他用户，则播放。

对我来说，它为我的同事显示白色，在我们两个人中都装有Macbook OS X和相同版本的Firefox。

Answer 1

尝试使用视频代码生成器。
查看此生成器» Wikies

Wiki将生成如下代码：

<video controls="controls" preload="none" poster="your-cover-image.jpg" width="640" height="480">
    <source src="your-video.mp4" type="video/mp4" />
    <source src="your-video.webm" type="video/webm" />
    <!-- other available formats -->

    <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="480">
        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"></param>
        <param name="allowFullScreen" value="true"></param>
        <param name="wmode" value="transparent"></param>
        <param name="flashVars" value="config={'playlist':['https%3A%2F%2Fwww.your-domain.com%2Fimg%2Fyour-cover-image.jpg',{'url':'https%3A%2F%2Fwww.your-domain.com%2video%2Fyour-video.mp4','autoPlay':false}]}"></param>
        <img alt="Alternative Text" src="https://www.your-domain.com/img/your-cover-image.jpg" width="640" height="480" title="This video can't be loaded. Please, update your browser.">
    </object>
</video>

请测试，让我知道是否适合您！
对我来说，它可以在IE7 +，Firefox和Chrome上正常运行。

希望对您有所帮助！