如何在不静音的情况下自动播放视频？

Question

我的代码中有一个视频，但如果不静音，我无法让它自动播放。视频有声音，但它会自动播放而不会被静音。

<video autoplay muted loop id="myVideo">
  <source src="weddingv.mp4" type="video/mp4">
</video>

Answer 1

有声自动播放

在某些浏览器上，自动播放声音确实有效。 但是在 Chrome 上，如果没有 mute 属性，它已经有一段时间无法工作了。

这是有据可查的here。

---

你不能欺骗 Chrome 吗？

不幸的是，你不能通过给它mute 属性然后在 JavaScript 中取消静音来欺骗它。 如果您尝试通过 JavaScript 在页面加载时播放视频，它也将不起作用。

我希望这会为您指明正确的方向。

Answer 2

浏览器越来越严格地禁止非静音视频自动播放。在移动设备上情况更糟（尤其是 iOS）。根据我的经验（遗憾的是，这在这个问题上很广泛），试图通过使用 JavaScript 来欺骗浏览器（尤其是 iOS 浏览器）在视频方面进行竞标会使事情变得更糟（视频开始在自己的窗口中播放，而不是内联在您的网页中，正如您可能想要的那样）。我是在结合 SO 和其他来源寻求解决方案之后说的。

如果由于某种原因您没有针对移动设备，那么这里可能会有希望。否则，我强烈建议不要浪费更多时间。