video标签的autoplay无效了怎么解决

Question

如题，在window+chrome下是正常的，mac+chrome不行，非要用户与页面交互才能开启播放，
这是我网上找的一个chrome更新video机制的说明地址：https://developers.google.com...

现在这个问题是无解了吗？如果说chrome的确是决定必须要用户交互，可为什么window下又没这个限制？

Answer 1

应该是看完了，再附上网址的吧？

• Autoplay with sound is allowed if:

  • On desktop, the user's Media Engagement Index threshold has been crossed, meaning the user has previously play video with sound.

所以必须要用户交互，或者 chrome://media-engagement 的 Is High是Yes

所以Win十有八九是测试得太多了，MEI够高。

问题的解决办法按Google推荐的去做就行了，静音自动播放是允许的，用户点击了再播放声音就行。

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

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

说实话，一声招呼不打就播放声音的标签页也是直接被关掉的命，还不如在后台多苟一会儿。

Answer 2

没做过mac的，ios也不支持autoplay，直接粗暴getElementById().play()解决。