html5支持的所有视频格式是什么?

时间:2011-05-11 05:51:55

标签: html5 video

我正在尝试使用html5的所有新添加的基本元素开发一个简单的网页。在使用视频标签时,我发现不支持某些格式,如.avi。

那么html5支持的视频格式列表是什么?

即使html5支持像WebM / ogg这样的特定格式,是否足够安全地假设所使用的浏览器能够显示视频?

2 个答案:

答案 0 :(得分:2)

遗憾的是,还没有普遍支持的格式。从技术上讲,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>

答案 1 :(得分:1)

目前所有支持HTML5的浏览器似乎都没有支持单一视频格式。基本上有两种格式竞争:

WebM - 受Firefox,Opera,Chrome,IE9(带插件)支持

H.264 - Safari和IE 9支持

所以当时,我认为你基本上必须以两种格式提供视频,并猜测浏览器是否输入正确的视频。