HTML5使用哪种视频格式,为什么它与iPad上的Safari兼容?

12

HTML5支持哪种视频格式与iPhone/iPad兼容?我在考虑制作一个网站,其中包括一些教学视频。我现在感到困惑了,因为我认为只有Quicktime受苹果移动设备支持。

6个回答

11

它使用H.264 - 虽然HTML5规范并没有要求必须使用它。大多数浏览器(IE9,Chrome,Safari)使用H.264,但目前Firefox仅在使用video标签时支持OGG。

如果您不确定该怎么做,请尝试此项目:http://code.google.com/p/html5media/,它允许您使用带有H.264视频的video标签,然后使用flash回退将其回溯到旧版IE中。


3
是的,重要的是强调HTML视频编解码器尚未确定。 - Eric Smith
2
这不仅是未决的,而且故意地不会被决定。由于浏览器制造商无法就此达成一致,HTML5规范将不会试图强制任何视频编解码器(就像HTML4没有强制任何特定的<img>格式一样)。 - bobince
1
已经做出了决定,但现在又被撤销了——似乎事情从来都没有想象中那么明朗。希望(虽然我同意这种观点)Mozilla能够支持H.264,这样我们至少可以在一个公平的起跑线上开始竞争。 - Rich Bradshaw
HTML4并没有强制规定格式,但它似乎建议使用一些格式:“广泛认可的图像格式示例包括GIF、JPEG和PNG”。HTML5甚至没有建议任何视频格式,也就是说,它对格式的态度比HTML4对图像格式的态度更加中立! - Ken

4
它不是Ogg Theora,也永远不会成为H.264。他们原本打算使用Ogg Theora,但由于硬件加速、愚蠢的专利恐吓、压缩/质量问题,以及希望推广非自由(啤酒/自由)的H.264,诺基亚和苹果对此表示反对。因此,他们没有在规范中包含特定的编解码器(同时损害了良好的质量/压缩比和免费的Ogg Vorbis音频编解码器)。H.264不会进入规范,但不幸的是,在一段时间内它可能会成为“实际选择”。
目前,Ogg Theora在HTML5浏览器市场份额方面处于领先地位(Firefox+Opera+Chrome+一些其他浏览器>Safari+Chrome+IE9 Preview+一些其他浏览器),另一方面,H.264更容易使用,如果浏览器不支持HTML 5视频或HTML 5视频与H.264编解码器,则可以作为Flash的备用选项(Ogg Theora可以通过Java和可能的Silverlight插件播放,但这些插件并不像Flash那样流行/普遍)。此外,人们往往关心(我认为过分关注)iPhone/iPad是否支持H.264,注意Android支持两种编解码器。
我希望微软决定开放并同时打击苹果,支持VC-1和Theora,但不幸的是,他们似乎已经决定使用H.264,希望他们改变主意,在最终的IE9版本中包括Theora,否则这可能是战争的结束。Firefox和Opera将不支持H.264,除非输掉了这场战争,但之后可能会使用gstreamer(直接显示/快速时间提供非免费编解码器)。
iPad支持H.264(我认为它使用Quicktime,但我认为它可能会限制其他Quicktime格式)。
    .........IE9 preview    Firefox>3.5    Opera>10.5   Safari  Chrome     GtkWebkit QtWebkit
         (might change hopefully)     
Audio    mp3/AAC    Ogg Vorbis/WAV Ogg Vorbis/WAV   mp3/AAC Ogg Vorbis/mp3 *1       *2
                                 *5            *3                      *4

Video     H.264     Ogg Theora     Ogg Theora     H.264   Ogg Theora/H.264  *1      *2
                                 *5            *3

*1 系统编解码器:Gstreamer(可能包括免费的编解码器(ogg),也有很多非免费的编解码器,包括H.264/mp3,可以从fluendo购买或与非免费的Linux CD /计算机一起打包,或由用户安装,这可能略微违法,但很常见/易于操作/很少受到惩罚)

*2 系统编解码器:Phonon(Gstreamer / xine / vlc / Direct show / Quicktime后端)-在Linux上主要使用Gstreamer / xine

*3 Gstreamer仅在win / mac os x上提供免费的编解码器,并使用系统编解码器

*4 可能支持AAC???

*5 在移动版Firefox / fennec中计划使用Gstreamer,我认为,可能会在以后的所有地方都使用它,就像Opera一样。


2
HTML5规范尚未确定应使用哪种格式。目前,H.264是最广泛使用的格式,但一些浏览器(尤其是Firefox)不支持H.264。H.264的最大竞争对手是Ogg Theora,但它也不被所有浏览器支持。请参见http://en.wikipedia.org/wiki/HTML5_video#Browser_support以了解主要浏览器中对H.264和Ogg Theora的支持情况。随着苹果在iPad中放弃Flash,HTML5视频问题再次引发争议,H.264和Ogg Theora之间的格式战争已经开始。John Gruber在过去一周中一直在广泛讨论这个问题。

2

iPad可以使用H.264编码在.mov或.mp4容器中播放HTML5的<video>元素。

Mac上的Safari可以播放QuickTime可以播放的任何文件。

需要强调的是,QuickTime不是编解码器,而是一个容器格式。 QuickTime(.mov)文件可以包含许多可能的编解码器(例如,H.264等)。并非所有.mov文件都应该被视为“QuickTime”文件,涉及它们可以在何处播放以及使用哪种编解码器。这类似于.avi——它是一个可以提供多种编解码器的容器格式。


1

现在的H.264编解码器...


1
HTML5视频在iPad、iPhone和iPod touch上能够正常播放的原因是视频播放器本身是代码的一部分,不需要单独安装程序来运行,而Flash视频需要安装Flash播放器才能运行,而这种播放器无法在苹果移动设备上安装。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接