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>

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>

Answer 2

我有类似的问题，autoplay无论muted. 出乎意料的是，我在将自动播放指定为骆驼案例时取得了成功autoPlay