赶上 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 的小视频也会占用大量空间），但这是一个可行的解决方案。