HTML5 video 跨浏览器兼容的方法

1、一、兼容性由于html5的出现，让网页中的视频、音频有了更加便捷的实现方式。但是video、audio标签只在IE 9+、Safari 3+、FireFox 4+、Opera 10+、Chrome 3+的浏览器版本得到了支持，并且各浏览器对于视频编码格式的支持不一致，这就需要我们考虑一个综合的实现方案，使得视频在不同浏览器中都能顺利播放，而且在老版本的浏览器中也能得到支持。

3、上述javascript代码进适用于支持html5元素的IE版本，对于老版本的IE可以通过HTML5shiv来使不支持HTML5的浏览器支葆扒豳峤持HTML新标签。htnl5shiv主要解决HTML5提出的新的元素不被IE6/IE7/IE8识别，这些新元素不能作为父节点包裹子元素，且不能应用CSS样式。让CSS 样式应用在未知元素只需执行 document.createElement(elementName) 即可实现。html5shiv的工作原理也就是基于此。html5shiv的使用很简单，由于IE9是支持html5的，故只需要在head中添加如下代码即可：<!–[ifltIE9]><scripttype="text/javascript"src="js/html5.js"></script><![endif]–>

6、编写对应 HTML5 video 代码：HTML5 中的 video 实际上就是一个简单的标签，包含了一些视频相关信息等。<video width="800" hei爿讥旌护ght="374"> <source src="my_video.mp4" type="video/mp4" /> <source src="my_video.ogv" type="video/ogg" /> <source src="my_video.webm" type="video/webm" /> 你浏览器不支持 video 功能，点击这里下载视频： <a href="video.webm"&gt下载视频</a&gt.</video>