Safari無法播放HTML5視頻

Question

我正在嘗試為網站創建HTML5視頻背景，但似乎無法使其在Safari上正常工作。 有人有什么想法嗎？

這是我正在使用的HTML視頻標簽

<video id="bgVideo" class="bg__video" autoplay loop>
  <source src="./vid/Sample_Vid.ogv" type="video/ogv">
  <source src="./vid/Sample_Vid.m4v" type="video/m4v">
  <source src="./vid/Sample_Vid.webm" type="video/webm">
</video>

我嘗試在其下添加一個腳本標簽以開始使用JS播放視頻，但這也無濟於事。

document.getElementById("bgVideo").play();

當我檢查頁面時，視頻元素似乎在DOM中占據了空間，但是基本上是不可見的。

我也嘗試過直接在瀏覽器中打開.m4v文件，並在該文件中播放它，因此我認為該文件不是問題。 這些都是從easyhtml5video.com生成的

我還具有Modernizer腳本來檢測是否已針對瀏覽器啟用了自動播放功能，而我不得不根據github存儲庫中的請求請求更改瀏覽器的自動播放功能，因為它一直在說Safari不支持自動播放功能。

我設置的測試網站是http://treetopia.neilnand.co.uk/

Answer 1

Safari支持的視頻格式是具有H.264編碼的mp4 。 （您具有.m4v擴展名和文件類型）

Answer 2

如果視頻沒有聲音-使用

document.getElementById("bgVideo").volume = 0;

Safari不允許自動播放有聲視頻。