ht播放bootstrap,基于Bootstrap和jQuery的视频播放器
插件
插件特点很容易⾃定义样式
spankboy⼀个页⾯⽀持多个视频
⾮常简单的使⽤HTML5视频标签
进程管理软件只允许一个程序显⽰暂停、开始按钮
java合法标识符显⽰进度条java语言程序设计第十章>trycatch抛出异常
显⽰视频时间
显⽰并调节⾳量
全屏窗⼝按钮
允许隐藏按钮栏
允许⾃动播放
浏览器兼容
jQuery 1.6+ in Firefox, Safari, Chrome, Internet Explorer 9, Opera 11。
使⽤⽅法
1、⾸先下载 Bootstrap Video Player 的插件⽂件,你可以通过Github地址下载得到源⽂件
2、在⽹页中引⼊插件⽂件和jQuery库jquery下载文件插件
3、编写播放器的HTML代码,我们只需要调⽤Video标签,Bootstrap Video Player 会⾃动给我们添加代码。
Your browser does not support the video tag.
4、调⽤插件,⽣成播放器的UI及样式,默认的调⽤⽅法如下$('#demo1').videoUI();
调⽤参数⽰例$('#demo1').videoUI({
'autoHide':false,
'volumeMedia': 1
});
播放器选项PropertyDefaultDescriptionplayMediatrueshow pause/play button
progressMediatrueshow progress bar
timerMediatrueshow video timer
volumeMedia5show & set volume value 1..10
fullscreenMediatrueenable full screen button
autoHidetrueenable auto hide control bar
autoPlayfalseenable auto play
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论