微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

希望这可以帮助

原文地址:https://www.jb51.cc/html5/169017.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。