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

Question

As of Chrome 46, new background tabs will no longer autoplay audio or video. How can an application tell if its autoplay has been blocked?

Some ideas:

• UA sniff for Chrome 46+
• check if tab is visible with Visibility API
• check if new tab with History API
• check if video is actually playing

Something hacky like this will probably work, but I would really like to know if there's a better way:

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

Answer 1

Firstly on mobile, autoplay is completely blocked.

The best way to see if your video is blocked is to look for the media events that indicate that the element has started playing such as ontimeupdate and your element has autoplay attribute attached. If there are no updates and no user interactions then you can assume that autoplay has been suspended.