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视频仍在制作中，直到它在所有浏览器和平台上完全稳定，您需要为不同的场景提供“解决方法”。

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

希望这有帮助

Answer 2

如果不是Ogg，可能是WebM。 WebM的专利归谷歌所有，但已从中获释。 Ogg可能还可以，但有些担忧。 H.264是一个等待发生的专利陷阱。

Answer 3

我们有类似的问题。

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

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

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

HTML5的最佳视频格式？

3 个答案: