ht播放bootstrap,基于Bootstrap和jQuery的视频播放器
notify for插件
插件特点很容易⾃定义样式
⼀个页⾯⽀持多个视频
⾮常简单的使⽤HTML5视频标签
显⽰暂停、开始按钮
显⽰进度条
显⽰视频时间
显⽰并调节⾳量
全屏窗⼝按钮
允许隐藏按钮栏
允许⾃动播放
浏览器兼容
jquery下载文件进度条asynchronous computejQuery 1.6+ in Firefox, Safari, Chrome, Internet Explorer 9, Opera 11。
使⽤⽅法
1、⾸先下载 Bootstrap Video Player 的插件⽂件,你可以通过Github地址下载得到源⽂件
2、在⽹页中引⼊插件⽂件和jQuery库
3、编写播放器的HTML代码,我们只需要调⽤Video标签,Bootstrap Video Player 会⾃动给我们添加代码。
watermelon中文意思Your browser does not support the video tag.
css选择器优先级最高的是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小时内删除。
发表评论