使用HTML5的<vedio>标签插入视频,兼容主流浏览器
2015-04-03 09:54
615 查看
1.在头部引入js文件如下:
注意:只把js下载到本地服务器目录,然后修改为本地服务器的引用路径是不行的,因为该js文件中还引用了远程服务器上的其它资源。
2.在正文里引入如下标签:
poster属性是指在视频加载等待的时候,显示的图像。
3.经测试,视频可兼容包括safari、IE、360兼容模式等浏览器。
<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>
注意:只把js下载到本地服务器目录,然后修改为本地服务器的引用路径是不行的,因为该js文件中还引用了远程服务器上的其它资源。
2.在正文里引入如下标签:
<video id="video_1" src="video/qrcode.mp4" width="640" height="360" controls autoplay poster="video/poster.png"></video>
poster属性是指在视频加载等待的时候,显示的图像。
3.经测试,视频可兼容包括safari、IE、360兼容模式等浏览器。
相关文章推荐
- HTML5的视频插入,兼容各个浏览器
- html5开发<video>视频标签的使用--…
- 用HTML5的<DOCTYPE>标签兼容各版本IE浏览器的方法技术
- html5结合flash实现视频文件在所有主流浏览器兼容播放
- 用HTML5的<DOCTYPE>标签兼容各版本IE浏览器的方法技术
- 用HTML5的<DOCTYPE>标签兼容各版本IE浏览器的方法技术
- 低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- html5结合flash实现视频文件在所有主流浏览器兼容播放
- <base>标签在html5中使用时……
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- html5结合flash实现视频文件在所有主流浏览器兼容播放
- html5结合flash实现视频文件在所有主流浏览器兼容播放
- html5结合flash实现视频文件在所有主流浏览器兼容播放
- <转>编写跨浏览器兼容的 CSS 代码的金科玉律
- <html:select>,<html:option>,<html:options>,<html:optionsCollection>标签使用
- 【强烈推荐】 超漂亮的仿腾讯弹出层效果(兼容主流浏览器<转>;
- 兼容IE6\7\8浏览器的html5标签的几个方案
- 使用css制作三角,兼容IE6,用到的标签&lt;div&gt;&lt;s&gt;&lt;span&gt;
- <html:link>超链接标签的使用