自動播放HTML5視頻不起作用

Question

我不確定爲什麼自動播放功能在現場不起作用。 現場定點http://lyorcohen.searchinteractions.com/ComingSoon/

<video class="supervideo hidden-phone hidden-tablet" poster="images/stillframe.jpg" autoplay> 
<source src="video/WeaveLogo.mov" /> 
Your browser does not support the HTML5 video tag. Please upgrade it. 
</video> 

Answer 1

作品在Chrome，但不能在Firefox。

您還可以得到這個錯誤在Firefox當MP4失敗（由於測試此不支持MP4與Firefox XP的機器上）：

HTTP加載失敗與媒體資源的狀態404負載 http://lyorcohen.searchinteractions.com/ComingSoon/video/WeaveLogo.ogg 失敗。

這意味着由於ogg文件丟失而導致回退失敗。檢查文件是否真的存在，並且名稱拼寫相同，包括大寫。

在Chrome瀏覽器中，MP4視頻會自動播放並正常播放。

你也可以考慮提供一個webm版本的文件。

爲了消除進一步可能的原因，你可以提供type屬性的源標籤：

<source src="video/WeaveLogo.webm" type="video/webm" /> 

您正確使用autoplay屬性，但一些特殊的瀏覽器歷史上曾與屬性的問題沒有價值，所以你可以添加=true它使這些瀏覽器高興（我只能想到一個瀏覽器，雖然...）。