視頻無法在Chrome中加載，但在Safari中運行

Question

我需要加載30秒的mp4視頻。當我在Safari中加載我的HTML時，它可以正常加載和播放視頻。但是，當我在Chrome中加載我的HTML文件時，視頻文件無法加載。我有一個具有相同代碼（不同視頻）的模板文件，可以在Chrome中加載視頻。

它可能是視頻文件的問題？它是.mp4，但它沒有H.264作爲編解碼器。

這裏是我的視頻HTML：

<section id="video"> 
    <!--video width = "640" height = "480" autoplay = "false" controls>--> 
    <video width = "540" height = "380" controls> 
    <source src="video/manchester.mp4"/> 
</section> 

和CSS：

section #video { 
    position: relative; 
    float: right; 
    width: 50%; 
    margin-top: 100px; 
} 

我使用的是Mac OS X，和我通過iMovie中導出的視頻文件。

Answer 1

Safari將嘗試使用Quicktime播放所有視頻內容，因此它將非常原諒它的格式。但是，要在Chrome中播放，該文件必須是H.264或WebM。請參閱此鏈接瞭解有關支持哪些格式的信息：https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats

爲了獲得最佳兼容性，您應該至少在H.264 MP4和WebM中提供視頻，並確保將H.264配置文件保留爲Main 3.1或類似的，以確保它在移動設備上播放。