我有一个使用引导程序构建的网站并在对话框中加载视频：
<video width="760" style="background-color: white;" preload controls autoplay>
<source src="....." type="video/mp4" />
</video>
在 IE、Chrome 和 Safari 中显示和工作正常。 在 Firefox 自动播放工作了几次，现在根本不工作。 控制台没有错误，使用控件手动播放视频就可以了。
我也尝试过脚本方法（没有自动播放属性）：
oncanplay="$(this)[0].play()"
并且可以在除 Firefox 之外的所有浏览器上完美运行。
谁能看出哪里出了问题？
【问题讨论】：
oncanplay="this.play()" 只是抬头，不需要包装和解开jQuery :-)
我已经在所有浏览器上对此进行了测试，它与 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>
【讨论】：
这个问题有一个简单的解决方案：改变视频的顺序，首先列出.mp4 源，然后是.webm 源使自动播放视频在 Firefox、Explorer 和Chrome，如果您有多个视频源，这当然是有效的。
附注：Firefox 从版本 21 开始在 Windows 7 和更高版本上支持 H.264。如果安装了适当的 gstreamer 插件，Firefox 从版本 26 开始在 Linux 上支持 H.264。部分支持火狐是指不支持OSX和部分Linux平台，安卓火狐是指不支持硬件加速。
【讨论】：
这适用于我的 firefox 浏览器，但必须静音。
<video
width="100%"
height="100%"
onloadedmetadata="this.muted = true"
autoplay
>
<source src="assets/videos/Helpline_Video.mp4" type="video/mp4" />
</video>
【讨论】：
首先在此处检查您的网页以进行测试
http://html5test.com/
第二次通过代码检查器检查并在浏览器中输入它们以检查是否工作正常。或者将视频文件拖放到浏览器上以检查其是否正常工作。
第三次尝试检查 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">
【讨论】：
从 Firefox 66 及以上版本开始，您必须单击浏览器栏右侧的取消阻止按钮才能取消阻止自动播放视频和音频
【讨论】：