HTML5 的最佳视频格式？

Question

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

我希望利用这里人群的经验：有没有人对跨浏览器的单一视频格式感到幸运？还是我注定要对所有内容进行双重编码？将空间浪费在每个视频的两个副本上似乎是一种耻辱，因为我们无法标准化我们的编解码器。

提前致谢！

PS（Flash 播放器并不是一个真正的后备选项，部分原因是原则上，部分原因是移动用户群相当大。）

Answer 1

我们有一个类似的问题。

<video id="movie" width="320" height="240" preload controls src="demo.mp4" /> 

我们使用 h.264 格式，我建议您也应该这样做，因为您拥有庞大的移动用户群（我想很多 iPhone）。

但是，WebM 是有原则的人的开放格式；）我只能希望 MS 和 Apple 会在不久的将来支持它。

Answer 2

根据我对 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) 作为后备。

我知道您正在寻找一种没有 Flash 作为后备的解决方案，但在我看来，我们还没有实现。人们还在用 IE6 大声喊叫！

HTML5 视频仍在制作中，在它在所有浏览器和平台上完全稳定之前，您需要为不同的场景提供“解决方法”。

对于移动设备，也许您可​​以检测到 User-Agent 并从那里开始...

希望对你有帮助

Answer 3

如果不是 Ogg，可能是 WebM。 WebM 的专利归谷歌所有，但已被释放。 Ogg 可能没问题，但有一些担忧。 H.264 是一个等待发生的专利陷阱。