屏幕外靜音自動播放視頻在Android上不起作用

Question

根據Google Developers的說法，只要將muted屬性設置為啟用，您就可以在移動設備上自動播放HTML5視頻。

我正在使用以下代碼對其進行測試。

<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元素不是root的后代， 這是由於在video上設置了muted而未在DOM中引起的 。

在台式機Chrome 55.0.2883.87 m（64位）上，顯示alert 。 在移動版Chrome 55.0.2883.91（ navigator.userAgent ）上不是。 當video為DOM時，兩個版本均可用。 與桌面瀏覽器相比，移動瀏覽器沒有額外的警告。

這是移動Chrome中的錯誤嗎？

Answer 1

來自文檔 （重點是我的）：“如果同時設置了自動播放和靜音功能，則視頻元素一旦出現就會自動開始播放...”

（順便說一句，根據您display: none的注釋可以找到很好的發現display: none不算在視圖中，而是visibility: hidden