HTML5视频格式 - 兼容性

时间:2013-01-31 22:35:15

标签: html5 video mp4 ogg webm

所以,我正在建立一个用户可以上传观看视频的网站。 我正在使用标准的HTML5视频播放器(<video...> <src>...) 目前,我使用多种来源:MP4,OGG和WEBM,以实现跨浏览器兼容性

由于维护三种格式既耗费CPU(转换)以及占用宝贵的磁盘空间,我开始寻找需要确定是否真的需要支持这三种格式

根据我在维基百科上发现的图表(http://en.wikipedia.org/wiki/HTML5_video), OGG和MP4应该足够了,因为所有浏览器似乎都支持这些格式中的至少一种

......或者我错过了什么?

1 个答案:

答案 0 :(得分:6)

要获得全面的答案,请参阅:http://diveintohtml5.info/video.html底部的兼容性矩阵开始过时,但在撰写文章时具有权威性。

  
      
  • Firefox 3.5+在Ogg容器中支持Theora视频和Vorbis音频。 Firefox 4+也支持WebM。
  •   
  • Opera 10.5+支持Ogg容器中的Theora视频和Vorbis音频。 Opera 10.60(及更高版本)也支持WebM。
  •   
  • Chrome 3.0+在Ogg容器中支持H.264,Theora视频和Vorbis音频。 Chrome 6.0+也支持WebM。
  •   
  • Mac和Windows PC 3.0上的Safari将支持QuickTime支持的任何内容。理论上,您可以要求您的用户安装第三方QuickTime插件。实际上,很少有用户会这样做。因此,您将获得QuickTime支持的“开箱即用”格式。这是一个很长的列表,但它不包括WebM,Theora,Vorbis或Ogg容器。但是,QuickTime确实在MP4容器中支持H.264视频(主配置文件)和AAC音频。
  •   
  • Apple的iPhone和谷歌Android手机等手机在MP4容器中支持H.264视频(基线配置文件)和AAC音频(“低复杂度”配置文件)。
  •   
  • Adob​​e Flash(9.0.60.184及更高版本)支持MP4容器中的H.264视频(所有配置文件)和AAC音频(所有配置文件)。
  •   
  • Internet Explorer 9+支持所有H.264视频配置文件以及MP4容器中的AAC或MP3音频。如果您安装第三方编解码器,它也将播放WebM视频,默认情况下,该编解码器未安装在任何版本的Windows上。 IE不支持其他第三方编解码器(与Safari不同,后者将播放QuickTime可以播放的任何内容)。
  •   
  • Internet Explorer 8根本没有HTML5视频支持,但几乎所有Internet Explorer用户都拥有Adobe Flash插件。在本章的后面部分,我将向您展示如何使用HTML5视频,但优雅地回归到Flash。
  •