谷歌浏览器不会在移动设备上自动播放 HTML5 视频

Question

我在使用最新版 Chrome 的 Android 手机上播放视频时遇到问题。在 Puffin 浏览器等其他浏览器中播放视频。出于测试目的，我尝试了所有常见格式：

 mp4
<br />
<video autoplay="autoplay" loop="loop" onended="this.play()"><source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4" /></video>
<br />
webm
<br />
<video autoplay="autoplay" loop="loop" onended="this.play()"><source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm" /></video>
<br />
ogg
<br />
<video autoplay="autoplay" loop="loop" onended="this.play()"><source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg" /></video>

https://codepen.io/anon/pen/ozpVNP

根据 Mozilla 的第一个视频，即应该播放 MP4 中的 H.264 + AAC。我还考虑 了这篇文章，并尝试通过 JavaScript 额外播放视频，并尝试删除第一个 video 标签上的 type 属性，但没有成功。

如何让它在移动版 Chrome 中运行？

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

Answer 1

问题是谷歌希望用户自己启动任何媒体，所以如果 你调试你的设备 chrome 浏览器，你会收到警告“ 无法在‘HTMLMediaElement’上执行‘播放’：API 只能由用户手势启动。 “ 所以这意味着您需要附加视频初始化，例如，使用点击事件

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

Answer 2

<video autoplay loop autobuffer muted playsinline>
     <source src="video/video-hat.mp4" type="video/mp4">
</video>

原文由 Кристина Александрова 发布，翻译遵循 CC BY-SA 4.0 许可协议