您的位置:首页 > Web前端 > HTML5

使用HTML5的<vedio>标签插入视频,兼容主流浏览器

2015-04-03 09:54 615 查看
1.在头部引入js文件如下:

<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 视频