html视频播放 bootstrap,基于Bootstrap和jQuery的视频播放器插件

插件特点很容易自定义样式

一个页面支持多个视频

非常简单的使用HTML5视频标签

显示暂停、开始按钮

显示进度条

显示视频时间

显示并调节音量

全屏窗口按钮

允许隐藏按钮栏

允许自动播放

浏览器兼容

jQuery 1.6+ in Firefox, Safari, Chrome, Internet Explorer 9, Opera 11。

使用方法

1、首先下载 Bootstrap Video Player 的插件文件，你可以通过Github地址下载得到源文件

2、在网页中引入插件文件和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