直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
2015-04-10 11:42
901 查看
转载地址:点击打开链接
参考地址:点击打开链接
虽然我的mp4格式的视频 还是没播放起来
但觉得 这些 还是很有参考价值的
点我查看演示页面
HTML5给我们带来了很多惊喜,其中新增加的audio和video标签可以让我们更方便的在网页中播放音频和视频。video标签虽好,然而目前它却无法在旧版的IE浏览器中使用。所以一般还是用flash播放器来播放视频,例如优酷网站的插入视频的代码如下:
但是手上没有好的swf播放器怎么办?这个网站给出了一个还不错的插件:http://html5media.info/
html5media就是一个能让这两个标签在旧版IE浏览器中全面兼容的JavaScript类库。
html5media是一个很给力的JavaScript类库,它不依赖于任何JavaScript框架。使用了html5media之后,当浏览器不支持HTML5时,它将会自动切换成Flash模式的Flowplayer播放器。虽然,目前web播放器很多,但处理代码上并不简洁。
1、首先在页面的head部分加入如下脚本
你可以通过使用IE条件注释的方法,只在旧版IE浏览器中加载这条JS脚本。
2、然后再使用audio或video添加音频视频就行了
这样你便可以在IE8,甚至老掉牙的IE6浏览器中使用audio和video标签了。
3、演示页面:点我查看演示页面
像这类为不支持html5标签而出现的JS项目,会随着HTML5浏览器和HTML5的优势展现会越来越多起来。
参考地址:点击打开链接
虽然我的mp4格式的视频 还是没播放起来
但觉得 这些 还是很有参考价值的
支持低版本IE的html5播放器演示
点我查看演示页面
通常人们习惯用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标签了。
3、演示页面:点我查看演示页面
像这类为不支持html5标签而出现的JS项目,会随着HTML5浏览器和HTML5的优势展现会越来越多起来。
相关文章推荐
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- 低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频
- HTML5 audio与video标签实现视频播放,音频播放
- HTML5 audio与video标签实现视频播放,音频播放
- HTML5 audio与video标签实现视频播放,音频播放
- 使用HTML5的video标签播放视频
- HTML5-音频audio和视频video标签
- [转载]html5直接在网页上播放视频音频兼容所有浏览器
- audio音频和video视频标签的使用
- 关于HTML5中video标签在webstorm中使用绝对路径不能播放视频的解析
- 在使用html5 的audio,video播放语音,视频的一些总结心得
- 在使用html5的video标签播放视频时为何只有声音却没有图像
- HTML5 Video开放式标签根据不同浏览器播放不同格式
- embed标签的使用(在网页中播放各种音频视频的插件的使用)
- 使用js检测浏览器是否支持html5中的video标签的方法
- ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)
- html5中使用标签支持视频播放
- 让所有浏览器支持HTML5 video视频标签
- html5开发<video>视频标签的使用--…
- html5直接在网页上播放视频兼容所有浏览器