关于我们     联系我们

知识阅读

知识是产生对人类自由的热爱和原则的唯一源泉。

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

日期:2016.07.02   编辑者:酷米网络   点击量:86863

86863

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

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

如何使用?

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

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

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

<video src="video.mp4" width="320" height="200" controls preload></video>

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

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

【GitHub, Inc.】
下载链接:https://github.com/etianen/html5media/wiki

WEB中的Video标签
HTML5定义了一个新的元素用来指定标准的方式来插入视频文件到web页面中:标签。使用video标签可以控制视频的播放与停止,循环播放,视频尺寸等等,详情请看下表。

属性 描述
autoplay true | false 如果是 true,则视频在就绪后马上播放。
controls true | false 如果是 true,则向用户显示控件,比如播放按钮。
height 像素 设置视频播放器的高度。
loop true | false 完成播放后再次开始播放,即循环播放
poster url 当视频未响应或缓冲不足时,该属性值链接到一个图像。该图像将以一定比例被显示出来
src url 所播放视频的 url。使用子元素实现更好。
width 像素 设置视频播放器的宽度。

WEB中的Audio标签
HTML5定义了一个新的元素用来指定标准的方式来插入音频文件到web页面中:标签。使用audio标签可以控制音频的播放与停止,循环播放与播放次数设置,以及播放位置等等,详情请看下表。

属性 描述
autoplay true | false 如果是 true,则音频在就绪后马上播放。
controls true | false 如果是 true,则向用户显示控件,比如播放按钮。
end numeric value 定义播放器在音频流中的何处停止播放。默认地,声音会播放到结尾。
loopend numeric value 定义在音频流中循环播放停止的位置,默认是 end 属性的值。
loopstart numeric value 定义在音频流中循环播放的开始位置。默认是 start 属性的值。
playcount numeric value 定义音频片断播放多少次。默认是 1。
src url 所播放音频的 url。
start numeric value 定义播放器在音频流中开始播放的位置。默认地,声音在开头进行播放。


  1.   关闭 我们将在1个工作日回复,资料会保密处理