一聚教程网:一个值得你收藏的教程网站

热门教程

兼容HTML5视频音频播放器(支持跨浏览器)

时间:2022-06-25 18:22:52 编辑:袖梨 来源:一聚教程网

兼容HTML5视频音频播放器(支持跨浏览器)

使用html5media.js可以在所有浏览器上观看html5视频和音频文件,它弥补了低版本IE浏览器不支持


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

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

Video标签

word-spacing: 0px; padding-top: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px" class="main_table" border="0" cellspacing="0" cellpadding="0" width="100%">
属性 描述
autoplay true | false 如果是 true,则视频在就绪后马上播放。
controls true | false 如果是 true,则向用户显示控件,比如播放按钮。
height 像素 设置视频播放器的高度。
loop true | false 完成播放后再次开始播放,即循环播放
poster url 当视频未响应或缓冲不足时,该属性值链接到一个图像。该图像将以一定比例被显示出来
src url 所播放视频的 url。使用子元素 实现更好。
width 像素 设置视频播放器的宽度。

HTML5浏览器和音频格式兼容性

音频格式 Chrome Firefox IE9 Opera Safari
OGG 支持 支持 支持 不支持 不支持
MP3 支持 不支持 支持 不支持 支持
WAV 不支持 支持 不支持 支持 不支持

外,不同浏览器音频空间外观也不一样。

兼容HTML5视频音频播放器(支持跨浏览器)

热门栏目