IE8支持html5的<video>标签
2014-10-13 17:08
267 查看
来着IE官网:http://www.iefans.net/
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的优势展现会越来越多起来。
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的优势展现会越来越多起来。
相关文章推荐
- 如何让ie8/ie7/ie6支持html5的<footer></footer><nav></nav>等标签
- IE(IE6/IE7/IE8)支持HTML5标签
- IE(IE6/IE7/IE8)支持HTML5标签
- ie8 对于select标签<option>属性的text属性不支持的一种情况
- <base>标签在html5中使用时……
- html5shiv让IE6-IE8支持HTML5标签
- IE(IE6/IE7/IE8)支持HTML5标签
- ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)
- 使用HTML5的<vedio>标签插入视频,兼容主流浏览器
- IE(IE6/IE7/IE8)支持HTML5标签
- ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案
- Struts2标签中支持OGNL表达式的热计算及带参数的<s:a>链接
- android支持html的<input type="file">标签
- IE(IE6/IE7/IE8)支持HTML5标签
- IE(IE6/IE7/IE8)支持HTML5标签
- IE(IE6/IE7/IE8)支持HTML5标签
- IE(IE6/IE7/IE8)支持HTML5标签
- html5的<audio>支持编码一览表\\转自维基百科
- 详解HTML5中的<template>标签
- 如何让低版本的IE浏览器(IE6/IE7/IE8)支持HTML5 header等新标签