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不是新事物。自从最初发布(2008年1月)以来,我们一直在使用它的一些功能。后来,我再次仔细查看...
Pointer Events API 是Hmtl5的事件规范之一,它主要目的是用来将鼠标(Mouse)、触摸(touch)和触控笔(...
CSS动画非常的有趣;这种技术的美就在于,通过使用很多简单的属性,你能创建出漂亮的消隐效果。其中代表...
clip-path介绍 clip-path 直译过来就是裁剪路径,使用SVG或形状定义一个HTML元素的可见区域的方法。想象...
语法 必需。动画时长的百分比。 合法的值: 0-100% from(与 0% 相同) to(与 100% 相同) 定义和用法...
基本代码 html代码: 首先定义一些基本的样式和动画: background-size: auto 100%; 这段代码的意思是让...