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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

回答：

我能得到的最佳解决方案是在 </video>

<script>
    document.getElementById('vid').play();
</script>

…不是很漂亮，但是可以正常工作。

最近，许多浏览器只能在没有声音的情况下自动播放视频，因此您也需要向muted视频标签添加属性

<video autoplay muted>
...
</video>

以上是 视频自动播放在Safari和Chrome桌面浏览器中不起作用 的全部内容， 来源链接： utcz.com/qa/408920.html

回到顶部