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

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

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

并且在除Firefox之外的所有浏览器上都能完美地工作

---

有人能看出哪里出了问题吗？

这个问题有一个简单的解决方案：更改视频的顺序，首先列出

.mp4

源代码，然后列出

.webm

源代码，使自动播放视频在Firefox、Explorer和Chrome上运行，如果您有多个视频源代码，这当然是有效的

---

附带说明：Firefox支持Windows 7及更高版本（自版本21起）上的

H.264

。如果安装了相应的

gstreamer

插件，Firefox自版本26起在Linux上支持

H.264

。对Firefox的部分支持是指OSX和一些Linux平台缺乏支持，而对Android Firefox则是指无法进行硬件加速。

Firefox视频问题：故障排除

确保服务器发送的视频文件具有正确且受支持的MIME类型，以使其在Firefox中工作

使用相对于根的源URL，而不是网页

例如：src=“/complete/folder/path/video.ogv”

mozilla版本

• Mozilla Firefox（3.5及更高版本）在Ogg容器中支持Theora视频和Vorbis音频
• Firefox4支持WebM

---

首先在此处查看您的网页进行测试

http://html5test.com/

<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>

第二次通过代码检查器进行检查，并在浏览器中输入检查，以检查代码是否正常工作。或者在浏览器上拖放视频文件以检查其是否工作

再次尝试检查MIME类型

AddType video/mp4 for .mp4 .m4v
AddType video/ogg for .ogv
AddType video/webm for .webm

第四检查html5转换器它在格式转换方面经常出现问题。我一年前在处理html5视频时也遇到过同样的问题。改变它为我解决了这个问题

最后但并非最不重要；添加一个闪光后退

<object type="application/x-shockwave-flash" 
data="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"
height="227" width="220">

---

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

http://html5test.com/

<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>

您的浏览器不支持此视频的视频标记或文件格式。

在Firefox 66和A浏览器中，您必须单击浏览器栏右侧的取消阻止按钮以取消阻止自动播放视频和音频

这对我来说对Firefox浏览器有效，但必须将其静音

也尝试过类似的方法。。。我把webm单独作为源。。。同样的问题。。。把ogv放在一边。。。同样的问题。。。我会按照你所说的顺序来尝试…而且，第一次打开视频时，它会完美地播放。。。第二次好，第三次好，等等。。。一旦我在控件中使用“停止”或“暂停”按钮，任何后续的自动播放都将不起作用。。。刷新页面无效。您可以共享该链接吗？您可以只做

oncanplay=“this.play（）”

只需刷新，无需包装和打开jQuery:-）重要的是，如果用户阻止了自动播放功能，并且默认情况下被阻止，它将无法与firefox浏览器一起工作。