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有“数据保护程序”和＃39;功能可防止Chrome加载和自动播放视频，因此即使视频静音，视频也不会自动播放。

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

您可以通过调用video.play（）来查看返回的承诺，在承诺失败的情况下，您可以根据该承诺显示播放图标。

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

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

谢谢

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

1 个答案: