HTML5视频格式 - 兼容性

Flo*_*son 8 video html5 mp4 ogg webm

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

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

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

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

Gro*_*Src 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音频("低复杂度"配置文件).
  • Adobe 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.

  • 你好!2020年在召唤。https://caniuse.com/mpeg4 看起来 MP4 本身现在几乎得到了普遍支持。过去需要 webm 才能获取 Firefox,但现在那已经成为历史了。看起来如果你使用 VP8 编码器,如果你决定完全放弃 IE,webm 本身也有非常广泛的支持。https://caniuse.com/webm (3认同)
  • 由于这个答案已有5年历史,因此有人知道当前信息吗?如果我想使用HTML5视频标签并涵盖所有现代浏览器,我该怎么办? (2认同)