html5media – 在旧版IE浏览器中使用audio和video标签---未测试成功

html5media – 在旧版IE浏览器中使用audio和video标签

HTML5 Video开放式标签根据不同浏览器播放不同格式

HTML5视频播放器VideoJS使用附【源码及示例】- 兼容IE

视频播放插件Video.js

 

 

HTML5给我们带来了很多惊喜，其中新增加的audio和video标签可以让我们更方便的在网页中播放音频和视频。由于目前各浏览器支持的视频解码标准不一致，为此，HTML5 Video可以通过开放式标签可根据不同浏览器播放不同格式的视频文件，这比目前网页中播放音频或视频的方式更具优势。video标签虽好，然而目前它却无法在旧版的IE浏览器中使用。这里我们为大家推荐的html5media就是一个能让这两个标签在旧版IE浏览器中全面兼容的JavaScript类库。

html5media是一个很给力的JavaScript类库，它不依赖于任何JavaScript框架。使用了html5media之后，当浏览 器不支持HTML5时，它将会自动切换成Flash模式的Flowplayer播放器。虽然，目前web播放器很多，但多数播放器仍为Flash播放器， 处理代码上并不简洁。

如何使用html5media

1、首先在页面的head部分加入如下脚本

<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>

你可以通过使用IE条件注释的方法，只在旧版IE浏览器中加载这条JS脚本。

2、然后再使用audio或video添加音频视频就行了

<!-- 视频媒体标签 -->

<video src="iefans.net.mp4" width="320" height="200" controls preload></video>

<!-- 音频媒体标签 -->

<audio src="iefans.net.mp3" controls preload></audio>

这样你便可以在IE8，甚至老掉牙的IE6浏览器中使用audio和video标签了。

像这类为不支持html5标签而出现的JS项目，会随着HTML5浏览器和HTML5的优势展现会越来越多起来。