javascript - 如何确保 Chrome 上的 HTML 视频自动播放脚本能够正常工作？

Question

鉴于 Chrome 会阻止 HTML 中的自动播放 attr 来播放视频，我想让视频自动播放 HTML。

这是我的代码:

<video id="video" width="400">
  <source src="chess.mp4" type="video/mp4">
</video>

var vid = document.getElementById("video");
vid.autoplay = true;
vid.load();

行为很奇怪。首先，我正在使用 Eclipse，一切在 Eclipse 浏览器上都运行得很好。

在 Chrome 中，视频有时可以工作，有时需要清除缓存刷新才能工作...第一次打开链接时不工作。现在它根本不起作用......

有什么帮助吗？

Answer 1

您需要引用Chrome Autoplay Policy Changes在尝试任何脚本之前。

Chrome 的自动播放政策很简单:

• 始终允许静音自动播放。
• 在以下情况下允许自动播放声音:
  • 用户已与域进行交互(单击、点击等)。
  • 在桌面设备上，用户的媒体参与度指数阈值为交叉，表示用户之前播放过有声视频。
  • 在移动设备上，用户已[将该网站添加到其主屏幕]。
• 顶级框架可以将自动播放权限委托(delegate)给其 iframe允许自动播放有声