HTML5 视频自动播放不起作用

Question

我一直在研究如何将 HTML5 视频实现为网络和移动设备上的背景视频，下面是以下代码 - 它显示但不自动启动，这就是问题所在

<video width="100%" controls autoplay>
  <source src="video/342125205.mp4" type="video/mp4">
  <source src="video/342125205.ogg" type="video/ogg">
</video>

原文由 Manoj Singh 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

根据您的 Chrome 版本，您可能会获得视频自动播放规则的新实现：

• 始终允许静音自动播放。
• 在以下情况下允许自动播放声音：
  • 用户已与域进行交互（单击、点击等）。
  • 在台式机上，已超过用户的媒体参与指数阈值，这意味着用户之前播放过有声视频。
  • 在移动设备上，用户已将该站点添加到他或她的主屏幕。顶级框架可以将自动播放权限委托给它们的 iframe，以允许自动播放声音。

取自： https ://developers.google.com/web/updates/2017/09/autoplay-policy-changes

所以你可以试试静音：

 <video width="100%" controls autoplay muted>
  <source src="video/342125205.mp4" type="video/mp4">
  <source src="video/342125205.ogg" type="video/ogg">
</video>

原文由 August 发布，翻译遵循 CC BY-SA 3.0 许可协议