在 Firefox 中，某些用户的动态 HTML5 视频显示为白色答案

【问题标题】：Dynamic HTML5 video shows white for some users in Firefox在 Firefox 中，某些用户的动态 HTML5 视频显示为白色
【发布时间】：2016-03-10 19:34:39
【问题描述】：

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

对我来说，它对我的同事显示为白色，我们都使用 Macbook OS X 和相同版本的 Firefox。

【问题讨论】：

如果有一个演示，甚至你的视频标签代码会很有帮助，这样我们就可以自己尝试...... :-)
@ThaoD5 - gobiglabs.com/test-me 这只是一个测试站点。对我来说，图像会淡出，没有视频显示。对于某些人来说，它工作正常。

标签： javascript html firefox video

【解决方案1】：

尝试使用视频代码生成器。
查看此生成器 » The 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 上运行良好。

希望能帮到你！

【讨论】：

我不明白这是如何回答这个问题的。
test page 对我来说很好用。验证 Firefox 扩展并禁用它们以进行测试。之后，尝试将属性更改为 controls="controls" 和 preload="none"。上周我在预加载 auto 时遇到了问题。谢谢你的评论，罗布！也许我的文字没有帮助任何人:) 对不起我的英语不好！