HTML Video自动播放在Firefox中不起作用

Question

我有一个使用引导程序构建的网站，并在对话框中加载视频：

<video width="760" style="background-color: white;" preload controls autoplay>
    <source src="....." type="video/mp4" />
</video>

在IE，Chrome和Safari中显示并正常工作。在Firefox中，自动播放功能已经运行了几次，但现在根本无法使用。使用控件手动操作，控制台和视频中没有错误。

我也尝试了脚本方法（没有autoplay属性）：

oncanplay="$(this)[0].play()"

并且可以在除Firefox之外的所有浏览器上完美运行。

谁能看到可能是错的吗？

Answer 1

我已经在所有浏览器上测试了它与javascript事件的完美配合

<video onloadeddata="this.play();" poster="poster.png" playsinline loop muted controls>
    <source src="video.mp4" type="video/mp4" />
    <source src="video.mp4.webm" type="video/webm" />
    <source src="video.mp4.ogg" type="video/ogg" />
    Your browser does not support the video tag or the file format of this video.
</video>

Answer 2

这个问题有一个简单的解决方案：更改视频的顺序，首先列出.mp4源，然后列出.webm源，使自动播放视频在 Firefox、Explorer 和 Chrome 上运行，如果您有多个视频源，这当然是有效的。

旁注：FirefoxH.264从版本 21 开始支持 Windows 7 及更高版本。如果安装了适当的插件， FirefoxH.264从版本 26 开始支持 Linux 。gstreamer对Firefox的部分支持是指缺乏对OSX和部分Linux平台的支持，对于Android Firefox是指无法硬件加速。