首页 > 代码库 > Atitit.多媒体区----web视频格式的选择总结
Atitit.多媒体区----web视频格式的选择总结
Atitit.多媒体区----web视频格式的选择总结
1. 因为现阶段不同的浏览器支持的视频格式是不同的 1
2. 各浏览器Html5 Video支持的影音格式:2
3. 解决方案是什么?Flash和H.2642
4. <object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。 3
1. 因为现阶段不同的浏览器支持的视频格式是不同的
,当我们有多种格式的视频样式的时候,我们会用第二种写法来做兼容调试。一般
谷歌 mp4(H.264/AVC)的能直接放,360的和谷歌的一样,火狐的ogg格式的才可以放,IE7以上版本才支持video标签 +.+
Ogg 格式, MPEG 4格式和 WebM
HTML5,提供了一个video标签。它允许开发者直接将视频嵌入网页,不需要任何第三方插件(比如 Adobe公司的Flash)就能播放。
这当然是一大进步。
作者:: 老哇的爪子 Attilax 艾龙, EMAIL:1466519819@qq.com
转载请注明来源: http://blog.csdn.net/attilax
但是,有一个核心问题,却没有得到解决。HTML5没有规定,浏览器到底应该播放哪一种格式的视频。浏览器厂商可以自行选择支持的格式。
一般来说,html5支持的视频格式
一些人对这种情形,感到担忧和不满。他们决定自行开发一种没有专利的视频格式,生成的文件体积要与H.264相仿,画质也要差不多。这种格式就叫做Theora。
Theora的主要开发者,也是Ogg Vorbis([译注] 一种开源的、无专利的音频压缩格式)的开发者
现在,再回过头谈HTML5和它的video标签。
开源浏览器Firefox和KHTML,没有资源去购买H.264许可证。因此,它们原生不支持H.264格式的视频,除非用户自己安装第三方插件。而微软公司和苹果公司则是完全不支持Theora,只支持H.264。
这意味着,未来的HTML5网页,不存在一种通用的视频格式。也就是说,HTML5网站开发者必须为同一个视频,准备两个格式的版本,一个是H.264,另一个是Theora。不过,开发者还有另一个选择,就是要求用户安装第三方插件。
猜猜看,大多数开发者会怎么做?他们很可能什么也不做!保持现状不就行了,让用户继续用Flash观看视频吧,什么麻烦都没了。
2. 各浏览器Html5 Video支持的影音格式:
浏览器 | 影音格式 | Ogg Theora | MP4(H.264) | WebM |
Microsoft Internet Explorer9 | ╳ | ○ | ╳ |
Mozilla Firefox5+ | ○ | ╳ | ○ |
Google Chrome13+ | ○ | ○ | ○ |
Apple Safari5+ | ╳ | ○ | ╳ |
Opera11+ | ○ | ╳ | ○ |
3. 解决方案是什么?Flash和H.264
我想大多数开发者会选择做一个浏览器"嗅探",专门为苹果公司的设备提供一个H.264格式的视频,其余的设备则显示一个Flash播放器,里面也 可以播放这个H.264格式的视频。所以,Flash和H.264成了赢家,
。flash是通过boject或embed嵌入到页面中的,这是最成熟,也是运用最广泛的解决方案,兼容性是最好的。
4. <object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。
浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。
而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。
Refer 参考
HTML5的视频格式之争 - 阮一峰的网络日志.htm
符合web标准的媒体播放器代码 - 蓝色理想.htm
Atitit.多媒体区----web视频格式的选择总结