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

Question

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

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

Answer 1

碰巧Safari和Desktop上的Chrome不喜欢围绕视频标签进行DOM操作。设置了自动播放属性后，即使在初始页面加载后视频标签周围的DOM发生更改时cancanthrough事件已触发，它们也不会触发播放顺序。基本上，我一直遇到相同的问题，直到我删除了视频标签周围的.wrap（）jQuery，然后按预期方式自动播放了。