赶上 HTML5 自动播放不可用

Question

所以有这个***限制：HTML 5 Autoplay Google Chrome Android Not Playing

无法在 Chrome Android 上自动播放视频。

我怎样才能在代码中捕捉到这个？

if (video.mediaPlaybackRequiresUserGesture) {
  // Display a call to action for starting video
}

Answer 1

您可以实现类似于 Modernizr 所做的例程...它动态创建一个带有微小内联 base64 src 的视频元素，然后对其进行自动播放测试以确定是否支持该功能。您可以在此处查看源代码：

https://github.com/Modernizr/Modernizr/blob/master/feature-detects/video/autoplay.js

它仍然会产生一些开销（因为即使是编码为 base64 的小视频也会占用大量资源 space），但这是一个可行的解决方案。