我有一组视频将被发布在我正在开发的新网站上,使用我们新的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视频仍在制作中,直到所有浏览器和平台都完全稳定,您需要为不同的场景提供“解决方案”。
对于手机,也许您可以检测到用户代理,并从那里去
希望这可以帮助