确定Chrome是否阻止了HTML5视频自动播放？

Question

从Chrome 46开始，新的背景标签将不再自动播放音频或视频。应用程序如何判断其自动播放是否已被阻止？

一些想法：

• UA嗅探Chrome 46 +
• 使用Visibility API检查选项卡是否可见
• 检查是否包含历史记录API的新标签页
• 检查视频是否正在播放

像这样的hacky可能会有用，但我真的想知道是否有更好的方法：

function isAutoplayBlocked() {
  return isChrome46 && isNewTab && isHiddenTab;
}

Answer 1

首先在移动设备上，自动播放完全被阻止。

查看视频是否被阻止的最佳方法是查找指示元素已开始播放的媒体事件，例如ontimeupdate，并且您的元素已附加自动播放属性。如果没有更新且没有用户交互，那么您可以假设自动播放已被暂停。