该插件是html5-ninja.com上的一款免费的jquery插件，最大特点是有很强的css可定制性，并且是基于Bootstrap风格的。使用定制都很方便。

功能及特性

    - 很容易进行css定制
    - 在同一个页面上支持多点播放 
    - 使用 HTML5 的video 标签
   下面的就是基本功能了：
    - 具有暂停/播放 按钮
    - 显示播放进度
    - 显示播放时间
    - 具有显示、设置音量功能
    - 可全屏播放
    - 可自动隐藏控制栏
    - 支持自动播放

    网站地址：http://html5-ninja.com/item/Bootstrap-video-player-jQuery-plugin/5

    下载地址：https://github.com/html5-ninja/Bootstrap-video-player-jQuery-plugin

    需要包含的文件：

<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/video-default.css" rel="stylesheet">
<script type="text/javascript" src="assets/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.video-ui.js"></script>

Html代码

<div class="videoUiWrapper thumbnail">
  <video width="370" height="214" id="demo1">
    <source src="pathtovideo/video.ogv" type="video/ogg"> 
    <source src="pathtovideo/video.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
</div>

$('#demo1').videoUI();

$('#demo1').videoUI({
  'autoHide':false,
  'volumeMedia': 1
});

参数