分享：播放器不能自动播放的问题

mqingqing123

很多人都发现HTML5中 video的自动播放功能没作用。
谷歌对此做出了解释：

Chrome 66中针对音频和视频元素推出的自动播放策略有效地阻止了Chrome中大约一半不需要的媒体自动播放。对于网络音频API，Chrome 71中推出的自动播放策略。这会影响网页游戏、某些WebRTC应用程序和其他使用音频功能的网页。更多详细信息可在网络音频API下面的部分。

简单的说，因为有些网站在首页加载后，自动播放视频，而这些视频可能是广告，导致用户体验差，所以，Chrome浏览器禁止了自动播放功能。

vidoe的autoplay属性只有在静音的情况下有效。也就是：

<video autoplay   muted > ... </video>

chrome浏览器系统维护一个 Media Engagement Index （MEI指数），可以再浏览器里输入  about://media-engagement 看到。

这个指数定义了用户的就会朝着。

比如，你的网址没有静音，但是使用了自动播放，在用户点击了播放后，chrome会认为，你的视频对用户有吸引力，那么 MEI指数就会升高。
当高过一定的值，就算不适用静音，视频仍然能播放。




最后，吸引用户的一个很酷的方法是使用静音的自动播放，让他们选择取消静音。

(参见下面的例子。)一些网站已经有效地做到了这一点，包括脸书、Instagram、Twitter和YouTube。


<video id="video" muted autoplay>
<button id="unmuteButton"></button>

<script>
  unmuteButton.addEventListener('click', function() {
    video.muted = false;
  });
</script>