HTML5的最佳视频格式？

Question

我有一组视频将在我正在开发的新网站上发布,使用我们的新html5播放器.我知道Firefox只支持.ogg格式,而大多数其他(包括最终IE9)支持h264.

我想在这里挖掘人群的体验:有没有人对浏览器中的单一视频格式有任何好运？或者我注定要对所有内容进行双重编码？由于我们无法标准化我们的编解码器,因此在每个视频的两个副本上浪费空间似乎是一种耻辱.

提前致谢!

PS(Flash播放器实际上不是一个选择作为后备,部分原则上,部分是因为相当大的移动用户群.)

Answer 1

根据我对HTML5视频的个人经验,我创建了mp4,ogg和flv文件格式,并使用以下实现:

<video id="movie" width="" height="" preload controls>
   <source id="srcMp4" src="video.mp4" />
   <source id="srcOgg" src="video.ogg" />
   <object id="flowplayer" name="flowplayer" width="480" height="352" data="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" 
            type="application/x-shockwave-flash">
      <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" />
      <param name="allowfullscreen" value="true" />
      <param name="flashvars" 
    value='config={"clip":"http://domain.com/video.flv"}' />
   </object>
</video>

首先提供MP4格式,因为iPad中的先前错误只能看到列出的第一个来源.

如果浏览器无法播放MP4版本,则会尝试加载Ogg版本.如果失败,则使用Flowplayer(flash)作为后备.

我知道你正在寻找一种没有闪存作为后备的解决方案,但在我看来,我们还没有.人们仍在使用IE6大声喊叫!

HTML5视频仍在制作中,直到它在所有浏览器和平台上完全稳定,您需要为不同的场景提供"解决方法".

对于移动设备,也许您可​​以检测到用户代理并从那里开始......

希望这可以帮助