HTML5最佳视频格式是什么？

Question

HTML5最佳视频格式是什么？

htmlh.264oggvorbisogg-theora

26

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

我想利用这里的人群经验：是否有人成功地在各种浏览器上使用单一视频格式？还是我注定要双重编码所有内容？因为我们无法统一编解码器，所以似乎很可惜要浪费空间来存储每个视频的两个副本。

提前致谢！

附言（Flash播放器实际上不是回退选项，部分原因是原则问题，部分原因是移动用户基数相当大）。

- CodeMoose

1

遗憾的是，目前还没有单一的标准；然而WebM（http://webmproject.org）是更好的候选之一（Firefox 4已经支持它，Opera也是如此）。考虑到它得到了Google的支持，它有机会成为标准。 - barti_ddu

不，Firefox并不是唯一支持OGG的浏览器，Chrome和Opera也支持。只有Safari和IE不支持。 - Rob

3个回答

3

如果不是Ogg，那么很可能是WebM。WebM的专利归谷歌所有，但已经被释放了。Ogg可能也可以，但存在一些问题。H.264是一个即将发生专利陷阱的编码格式。

- Rob

1

H.264许可证由MPEG LA集团（http://www.mpegla.com/main/）经纪。他们已将许可证延长至2015年底。您可以在此处阅读相关信息：http://www.webmonkey.com/2010/08/mpeg-la-extends-web-video-licensing-moratorium-until-the-end-of-time/ - OV Web Solutions

1

仍然受专利限制，且并非始终免费使用。 - Rob

2

我们有一个类似的问题。

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

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

然而，WebM是为拥有原则的人开放的格式。我只希望微软和苹果公司能在不久的将来支持它。

- lafeber

1

dev.innovationfactory.eu的链接已经失效了，事实上整个域名似乎都消失了。 - Chris Moschini

@ChrisMoschini 谢谢，该公司已经不存在了。我已经删除了链接。 - lafeber

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- OV Web Solutions · Accepted Answer

从我个人使用 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>

由于 iPad 以前只能看到第一个源，因此首先提供 MP4 格式。

如果浏览器无法播放 MP4 版本，则尝试加载 Ogg 版本。如果失败，它将使用 Flowplayer（flash）作为备用方案。

我知道你正在寻找一种不需要 flash 作为备选方案的解决方法，但在我看来，我们还没有达到那个程度。人们仍在哭泣地使用 IE6！

HTML5 视频仍在发展中，直到它在所有浏览器和平台上完全稳定之前，您需要为不同情况提供“解决方法”。

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

希望这有所帮助。