javascript - 离屏静音自动播放视频在 Android 上不起作用

Question

根据Google Developers只要将 muted 属性设置为启用，您就可以在移动设备上自动播放 HTML5 视频。

我正在使用the following code进行测试。

<script>
  const video = document.createElement('video');
  // TODO: Include video in DOM to test the change.
  video.addEventListener('playing', event => alert('The video is playing off-screen.'));
  video.autoplay = 'true';
  video.muted = 'true';
  video.src = 'http://clips.vorwaerts-gmbh.de/VfE_html5.mp4';
</script>

请注意，我没有在 DOM 中包含 video 元素(我使用 canvas 对它进行后处理，因此不需要显示它)。我得到IntersectionObserver.observe(target): target element is not a后代 which is caused by muted being set on the video but it not being in DOM .

在桌面版 Chrome 55.0.2883.87 m(64 位)上，会显示警报。在移动版 Chrome 55.0.2883.91 (navigator.userAgent) 上则不然。当 video 位于 DOM 中时，两个版本都可以工作。与桌面浏览器相比，移动浏览器中没有额外的警告。

这是移动 Chrome 中的错误吗？

Answer 1

来自docs (强调我的):“如果设置了自动播放和静音，一旦视频元素进入 View ，视频元素就会自动开始播放......”

(顺便说一句，根据您的评论，很好地发现 display: none 不算在 View 中，但 visibility: hide 算作