HTML5的最佳视频格式?

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

我正在寻找在这里的人群的体验:有谁有任何运气与浏览器的单一视频格式?还是我注定要双重编码一切?由于无法对我们的编解码器进行标准化,因此每个视频都有两个副本,因此浪费空间似乎是一种遗憾。

提前致谢!

PS(Flash播放器不是真正的选择作为一个回退,部分原则上,部分是因为一个相当大的移动用户群。)

解决方法

从我个人经验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视频仍在制作中,直到所有浏览器和平台都完全稳定,您需要为不同的场景提供“解决方案”。

对于手机,也许您可​​以检测到用户代理,并从那里去

希望这可以帮助

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码