確定Chrome是否阻止了HTML5視頻自動播放？

Question

從Chrome 46開始，新的背景標簽將不再自動播放音頻或視頻。 應用程序如何知道其自動播放是否已被阻止？

一些想法：

• 適用於Chrome 46+的UA嗅探器
• 檢查標簽在Visibility API中是否可見
• 檢查帶有History API的新標簽頁
• 檢查視頻是否正在播放

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

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

Answer 1

首先，在移動設備上，自動播放被完全阻止。

查看視頻是否被阻止的最佳方法是查找媒體事件，這些事件表明元素已開始播放，例如ontimeupdate且元素具有自動播放屬性。 如果沒有更新，也沒有用戶交互，則可以假定自動播放已暫停。