HTML5技术

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

字号+ 作者:H5之家 来源:博客园 2015-12-09 08:31 我要评论( )

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

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

                                             

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

如何使用?

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

<script src="//api.html5media.info/1.1.8/html5media.min.js"></script>

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

<video src="video.mp4" controls preload></video>

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

<audio src="audio.mp3" controls preload></audio>

 下载地址:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评
h