26

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

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

提前致谢！

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

4

3 回答 3

24

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

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

希望这可以帮助

于 2010-11-29T23:45:02.313 回答
3

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

于 2010-11-29T23:41:20.833 回答
2

我们有一个类似的问题。

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

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

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

于 2011-06-14T09:45:12.730 回答