码迷,mamicode.com
首页 > Web开发 > 详细

直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法

时间:2015-11-17 18:44:33      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

摘自:http://www.uiej.com/1107.html

通常人们习惯用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标签了。

直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法

标签:

原文地址:http://www.cnblogs.com/mailan/p/4972123.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!