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

Question

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

一些想法：

• 适用于Chrome 46+的UA嗅探器
• 检查标签在Visibility API中是否可见
• 检查带有History API的新标签页
• 检查视频是否正在播放

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

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

Answer 1

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

查看视频是否被阻止的最佳方法是查找媒体事件，这些事件表明元素已开始播放，例如ontimeupdate且元素具有自动播放属性。 如果没有更新，也没有用户交互，则可以假定自动播放已暂停。