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

【问题标题】：Autoplay html video on Android Chrome browser inconsistent over different browser versionsAndroid Chrome 浏览器上的自动播放 html 视频在不同浏览器版本上不一致
【发布时间】：2018-02-07 11:15:52
【问题描述】：

我有一个简单的视频，需要在 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）上不起作用

【问题讨论】：

自动播放适用于（Chrome - 64.0.3282.137，操作系统 - Android 8.0.0），自动播放不适用（Chrome - 63.0.3239.111，操作系统 - Android 7.0.0）

标签： android html google-chrome video autoplay

【解决方案1】：

找出究竟是什么问题。

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

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

你可以查看调用video.play()返回的promise，基于它你可以在promise失败的情况下显示播放图标。

更多关于 HTML 视频承诺 - https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/play

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

谢谢

【讨论】：