直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视
apache吧
全部回复
仅看楼主
level 9
͏诸葛亮 楼主
通常人们习惯用swf播放器来播放网络视频音频
HTML5给我们带来了很多惊喜,其中新增加的audio和video标签可以让我们更方便的在网页中播放音频和视频。video标签虽好,然而目前它却无法在旧版的IE浏览器中使用。所以一般还是用flash播放器来播放视频,例如优酷网站的插入视频的代码如下:
<embed src="http://player.youku.com/player.php/sid/XNjgwMDU5MDU2/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
但是手上没有好的swf播放器怎么办?这个网站给出了一个还不错的插件:http://html5media.info/
html5media就是一个能让这两个标签在旧版IE浏览器中全面兼容的JavaScript类库。
html5media是一个很给力的JavaScript类库,它不依赖于任何JavaScript框架。使用了html5media之后,当浏览器不支持HTML5时,它将会自动切换成Flash模式的Flowplayer播放器。虽然,目前web播放器很多,但处理代码上并不简洁。
使用html5media让IE6/7/8浏览器支持HTML5的audio和video标签
1、首先在页面的head部分加入如下脚本
<script src="http://api.html5media.info/1.1.6/html5media.min.js"></script>
你可以通过使用IE条件注释的方法,只在旧版IE浏览器中加载这条JS脚本。
2、然后再使用audio或video添加音频视频就行了
<!-- 视频媒体标签 --><video src="uiej.com.mp4" width="800" height="600" controls preload></video><!-- 音频媒体标签 --><audio src="uiej.com.mp3" controls preload></audio>
这样你便可以在IE8,甚至老掉牙的IE6浏览器中使用audio和video标签了。
2016年02月02日 01点02分 1
level 9
͏诸葛亮 楼主
2016年02月02日 01点02分 2
level 9
͏诸葛亮 楼主
html5media是一个很给力的JavaScript类库,它不依赖于任何JavaScript框架。使用了html5media之后,当浏览器不支持HTML5时,它将会自动切换成Flash模式的Flowplayer播放器。虽然,目前web播放器很多,但多数播放器仍为Flash播放器,处理代码上并不简洁。
如何使用html5media
1、首先在页面的head部分加入如下脚本
1 <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>
可以通过使用IE条件注释的方法,只在旧版IE浏览器中加载这条JS脚本。
2、然后再使用audio或video添加音频视频就行了
1 <!-- 视频媒体标签 -->
2
3 <video src="iefans.net.mp4" width="320" height="200" controls preload></video>
4
5 <!-- 音频媒体标签 -->
6
7 <audio src="iefans.net.mp3" controls preload></audio>
8
9 这样便可以在IE8,甚至老掉牙的IE6浏览器中使用audio和video标签了。
像这类为不支持html5标签而出现的JS项目,会随着HTML5浏览器和HTML5的优势展现会越来越多起来。
2016年02月02日 02点02分 3
level 9
͏诸葛亮 楼主
html5结合flash实现视频文件在所有主流浏览器兼容播放
http://blog.csdn.net/freshlover/article/details/7535785
2016年02月02日 02点02分 4
level 9
͏诸葛亮 楼主
2016年02月02日 07点02分 5
level 1
ie6下为什么不能播放
2016年09月08日 03点09分 6
level 1
Video是动态加入到html也没中 该怎么让HTML5media识别。我现在网页上是有个添加视频到地方,添加完了。服务器会返还播放地址,并要在页面中添加video标签进行播放。但是动态加入到video标签 没有被HTML5media识别到依旧在IE8 下无法播放
2017年08月08日 04点08分 7
1