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

Question

我有一个使用 Bootstrap 构建的网站并在对话框中加载视频:

<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 之外的所有浏览器上完美运行。

谁能看出哪里出了问题？

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>