html5支持哪些視頻格式？

Question

我想開發一個簡單的網頁，所有新增html5基本元素。在使用視頻標籤時，我發現有些格式不支持.avi。

那麼html5支持哪些視頻格式？

即使HTML5支持特定格式（如WebM/ogg），是否足以安全地推測所使用的瀏覽器將能夠顯示視頻？

Answer 1

不幸的是沒有普遍支持的格式（尚）。從技術上講，HTML5不支持任何視頻格式，它支持特定視頻格式的瀏覽器本身。這導致了一個巨大的混亂。

You can find a list of format compatibility on Wikipedia。因此，如果您只想支持單一格式，VP8/WebM可能是您最好的選擇。幸運的是，<video>標籤確實能夠支持後備，如果提供多種編碼對您的使用是可行的，在這種情況下，VP8/WebM版本與H.264版本結合涵蓋了所有主流瀏覽器。

對於同一視頻的多個版本，可以使用下面的代碼：

<video width="320" height="240"> 
    <source src="myvideo.mp4" type="video/mp4" /> 
    <source src="myvideo.ogv" type="video/ogg" /> 
    <source src="myvideo.webm" type="video/webm" /> 
    <p>Other backup content, eg. a flash version, should go here.</p> 
</video> 

Answer 2

今天所有的HTML5瀏覽器似乎都不支持單一的視頻格式。有兩種基本形式，超過作爲一個競爭：

的WebM - 火狐，歌劇，鉻，IE9（含插件）

H.264支持 - 支持Safari和IE 9

因此，在那時候，我想你基本上必須提供兩種格式的視頻，並猜測瀏覽器爲它提供正確的視頻。