我正在尝试使用html5的所有新添加的基本元素开发一个简单的网页。在使用视频标签时,我发现不支持某些格式,如.avi。
那么html5支持的视频格式列表是什么?
即使html5支持像WebM / ogg这样的特定格式,是否足够安全地假设所使用的浏览器能够显示视频?
答案 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支持
所以当时,我认为你基本上必须以两种格式提供视频,并猜测浏览器是否输入正确的视频。