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