视频自动播放在 Safari 和 Chrome 桌面浏览器中不起作用答案

【问题标题】：Video auto play is not working in Safari and Chrome desktop browser视频自动播放在 Safari 和 Chrome 桌面浏览器中不起作用
【发布时间】：2013-08-02 09:53:24
【问题描述】：

我花了很多时间试图弄清楚为什么像这里这样嵌入视频：

<video height="256" loop autoplay muted controls id="vid">
         <source type="video/mp4" src="video_file.mp4"></source>
         <source type="video/ogg" src="video_file.ogg"></source>
</video>

页面在 FireFox 中加载后开始自动播放，但在基于 Webkit 的浏览器中无法自动播放。这只发生在一些随机页面上。到目前为止，我无法找到原因。我怀疑 CMS 编辑器创建了一些未封闭的标签或大量 JS。

【问题讨论】：

它有时有效吗？或者根本不工作...这是一个示例w3schools.com/tags/tryit.asp?filename=tryhtml5_video_autoplay，我用 chrome 检查它，它可以工作。
在某些页面上它根本不起作用
面临同样的问题，一周前工作正常，没有任何改变就停止工作。也许是浏览器更新，不得不通过javascript手动播放所有视频标签非常烦人
在 Chrome 中不适合我。

标签： javascript html google-chrome safari webkit

【解决方案1】：

您应该始终查看 play 函数返回的 Promise 以看看有没有被拒

看the answer，我写过类似的问题

【讨论】：