Question

鉴于Chrome浏览器禁止HTML中的自动播放属性来播放视频，因此我想在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的自动播放政策很简单：

始终允许静音的自动播放。
在以下情况下，允许自动播放声音：
- 用户已与域进行了交互（单击，点击等）。
- 在台式机上，用户的“媒体参与度索引”阈值为交叉，表示用户以前播放有声视频。
- 在移动设备上，用户已[将网站添加到主屏幕中。]
顶级框架可以将自动播放权限委派给其iframe 允许自动播放声音

Answer 2

HTML <video>支持自动播放属性。

要自动播放视频，请使用自动播放属性

<video width="320" height="240" autoplay> //see autoplay
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>

因此，您实际上不需要任何脚本即可自动播放视频。

请注意：移动设备的自动播放已被禁用，并且无法在它们上使用。

自动播放属性在iPad和iPhone等移动设备上不起作用。