当前video,支持三种视频格式html
<video src="movie.ogg" controls="controls"> </video>
上面的例子使用一个 Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。html5
要确保适用于 Safari 浏览器,视频文件必须是 MPEG4 类型。web
video 元素容许多个 source 元素。source 元素能够连接不一样的视频文件。浏览器将使用第一个可识别的格式:api
文档明确指出:Internet Explorer 8 不支持 video 元素。在 IE 9 中,将提供对使用 MPEG4 的 video 元素的支持。浏览器
so,框架
这个网站给出了一个还不错的插件:http://html5media.info/ide
html5media就是一个能让这两个标签在旧版IE浏览器中全面兼容的JavaScript类库。测试
html5media是一个很给力的JavaScript类库,它不依赖于任何JavaScript框架。使用了html5media以后,当浏览器不支持HTML5时,它将会自动切换成Flash模式的Flowplayer播放器。虽然,目前web播放器不少,但处理代码上并不简洁。网站
第一步,让HTML5视频和音频标签在全部主要浏览器工做,简单地添加如下行代码在<头>你的文档。ui
<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>
第二步,正确书写咱们的视频or音频代码便可。
<!-- 视频媒体标签 --> <video src="uiej.com.mp4" width="800" height="600" controls preload></video> <!-- 音频媒体标签 --> <audio src="uiej.com.mp3" controls preload></audio>
这个是个人代码
我在360的兼容模式下(默认的)测试,显示的是cat.mp4。
ie,9,10,11测试皆正常
ie8下只是显示flowplayer这个控件,但并不播放视频,不知道什么缘由。