影片自動播放在 Safari 和 Chrome 桌面瀏覽器中不起作用
P粉667649253
2023-08-23 19:41:34
<p>我花了很多時間試圖弄清楚為什麼影片會像這樣嵌入：</p>
<pre class="brush:php;toolbar:false;"><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></pre>
<p>在 FireFox 中載入頁面後開始自動播放，但無法在基於 Webkit 的瀏覽器中自動播放。這僅發生在一些隨機頁面上。到目前為止我還無法找到原因。我懷疑 CMS 編輯器創建了一些未封閉的標籤或大量 JS。 </p>
依照其他答案的建議使用 jQuery
play()或 DOM 操作後，它在 Android 版 Chrome（版本 56.0）中仍然無法正常運作（影片無法自動播放）。 p>根據 developers.google 中的這篇貼文。 com，從 Chrome 53 開始，如果影片靜音，瀏覽器會遵循自動播放選項。
因此，在影片標記中使用
autoplay muted屬性可以讓影片在版本 53 及以上的 Chrome 瀏覽器中自動播放。摘自上述連結：
我能得到的最佳解決方案是在
之後添加此程式碼<script> document.getElementById('vid').play(); </script>...不漂亮，但不知何故有效。
更新 最近很多瀏覽器只能自動播放關閉聲音的視頻，所以你還需要在視頻標籤中添加
muted屬性