影片自動播放在 Safari 和 Chrome 桌面瀏覽器中不起作用

Question

我花了很多時間試圖弄清楚為什麼影片會像這樣嵌入：

<video height="256" loop autoplay muted controls id="vid">
         <source type="video/mp4" src="video_file.mp4"></source>
         <source type="video/ogg" src="video_file.ogg"></source>
</video>

在 FireFox 中載入頁面後開始自動播放，但無法在基於 Webkit 的瀏覽器中自動播放。這僅發生在一些隨機頁面上。到目前為止我還無法找到原因。我懷疑 CMS 編輯器創建了一些未封閉的標籤或大量 JS。

Answer 1

依照其他答案的建議使用 jQuery play() 或 DOM 操作後，它在 Android 版 Chrome（版本 56.0）中仍然無法正常運作（影片無法自動播放）。

根據 developers.google 中的這篇貼文。 com，從 Chrome 53 開始，如果影片靜音，瀏覽器會遵循自動播放選項。

因此，在影片標記中使用 autoplay muted 屬性可以讓影片在版本 53 及以上的 Chrome 瀏覽器中自動播放。

摘自上述連結：

Answer 2

我能得到的最佳解決方案是在

之後添加此程式碼

<script>
    document.getElementById('vid').play();
</script>

...不漂亮，但不知何故有效。

更新 最近很多瀏覽器只能自動播放關閉聲音的視頻，所以你還需要在視頻標籤中添加 muted 屬性

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