你的位置:首页 > 软件开发 > 网页设计 > 跨浏览器兼容的HTML5视频音频播放器

跨浏览器兼容的HTML5视频音频播放器

发布时间:2015-12-09 09:00:04
HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。 ...

HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。

跨浏览器兼容的HTML5视频音频播放器                                              

使用html5media.js可以在所有浏览器上观看html5视频和音频文件,它弥补了低版本IE浏览器不支持<video>和<audio>标签,只需要载入html5media.js使用<video>和<audio>标签就能跨浏览器播放视频和音频。

如何使用?

想让html5的video和audio标签能在所有浏览器上工作,必须在页面的head内部加入以下一行代码:

 <script src='/images/loading.gif' data-original="http://www.cnblogs.com///api.html5media.info/1.1.8/html5media.min.js"></script>

然后你可以使用以下代码加入一段视频:

 <video src='/images/loading.gif' data-original="video.mp4" width="320" height="200" controls preload></video>

你还可以使用以下代码加入一段音频:

 <audio src='/images/loading.gif' data-original="audio.mp3" controls preload></audio>

 下载地址:http://www.shouce.ren/post/d/id/320


原标题:跨浏览器兼容的HTML5视频音频播放器

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。