android - 在 Android Chrome 浏览器上自动播放 html 视频在不同的浏览器版本上不一致

Question

我有一个简单的视频，我需要在 Android 移动设备上的任何浏览器上自动播放。这是我实现的

https://output.jsbin.com/bovarep

<video poster="https://dj7u9rvtp3yka.cloudfront.net/layout/video_posters/THAMarchEditorial/TOP5TRENDS-1p777-en_v1.jpg" class=" m-u-media wrapper__video" autoplay preload="auto" muted="" loop="" media_id="media1">
  <source src="https://dj7u9rvtp3yka.cloudfront.net/layout/streaming/THAMarchEditorial/TOP5TRENDS-en_v1.mp4" type="video/mp4">
  <source src="https://dj7u9rvtp3yka.cloudfront.net/layout/streaming/THAMarchEditorial/TOP5TRENDS-en_v1.webm" type="video/webm">         
</video>

视频将在某些“操作系统版本和 Chrome 版本”组合上自动播放，但不会在其他一些组合上自动播放。它的工作组合是随机的。

如果有人面临同样的问题或者有人已经解决了这个问题，请告诉我们。

提前致谢

附加信息:

自动播放适用于 (Chrome - 64.0.3282.137，操作系统 - Android 8.0.0)，

自动播放不适用于 (Chrome - 63.0.3239.111，操作系统 - Android 7.0.0)

Answer 1

找出问题的确切原因。

所以问题不完全是 Android 操作系统版本或 Chrome 版本。最新版本的 chrome 具有“数据保护程序”功能，可防止 chrome 加载和自动播放视频，因此即使视频静音也不会自动播放。

为了解决这个问题，由于没有其他方法可以自动播放视频，我们只显示一个突出的播放图标，告诉用户这是一个视频。

您可以查看通过调用 video.play() 返回的 promise ，如果 promise 失败，您可以根据它显示播放图标。

有关 HTML 视频 promise 的更多信息 - https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/play

如果有人有更好的解决方案，请告诉我们。

谢谢