视频播放插件Video.js

妖狐艹你老母 2022-05-28 01:13 476阅读 0赞

来源：http://www.jq22.com/jquery-info404

Video.js最新v6.6.2版 2018-1-02更新

Bug 修复

*  进度条时间工具提示bug通过添加word-break css reset(＃4859)(98212c4)，关闭＃2964
 *  在寻求 (\#4860) (baf0982) 时, 在Safari中拒绝未处理的承诺, 关闭 \#4853

例行工作

*  netlify：在netlify命令（＃4862）（8f450ea）中添加一些调试信息
 *  软件包：更新版本2.0.0（＃4834）（22fcd03）

[点击下载地址][Link 1]

Video.js最新v6.2.8版 2017-11-09更新

[点击下载地址][Link 2]

Video.js最新v6.2.5版 2017-8-21更新

[点击下载地址][Link 3]

Video.js最新v5.18.4版 2017-3-24更新(支持ie8)

[点击下载地址][Link 4]

Video.js最新v5.16版 2017-2-16更新

[点击下载地址][Link 5]

Video.js最新v5.10.8版 2016-10-11更新

[点击下载地址][Link 6]

Video.js v5.8.8版 2016-4-11更新

[点击下载地址][Link 7]

Video.js历史v5.4.3版 2015-12-09更新

[点击下载地址][Link 8]

Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。

### 使用方法 ###

在页面中引用video-js.cs样式文件和video.js

设置flash路径，Video.js会在不支持html5的浏览中使用flash播放视频文件

html

poster="\*\*"播放初始图。可使用三种视频格式，根据所需要格式选择对应的。

<table style="border-spacing:0px;margin-bottom:20px;width:1068px;font-size:15px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin-top:0px;margin-right:0px;margin-left:0px;padding:0px;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;min-height:auto;"> 
 <tbody style="background:none;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;"> 
  <tr style="background:rgb(234,249,255);font-weight:bold;color:rgb(0,0,0);border-top:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;"> 
   <td style="padding:0px;border-width:0px;background:none;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-weight:normal;min-height:auto;color:rgb(204,204,204);"> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      1 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      2 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      3 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      4 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      5 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      6 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      7 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      8 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      9 
    </div></td> 
   <td style="width:1051px;padding:0px;border-width:0px;background:none;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-weight:normal;min-height:auto;"> 
    <div style="padding:0px;margin:0px;width:auto;background:none;border:0px;float:none;height:auto;line-height:1.3em;vertical-align:baseline;min-height:auto;"> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&lt;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">video</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">id</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"example_video_1"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">class</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"video-js&nbsp;vjs-default-skin"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">controls&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">preload</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"none"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">width</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"640"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">height</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"264"</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">poster</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"<a href="http://video-js.zencoder.com/oceans-clip.png" style="background:none;color:rgb(25,171,0);border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;" rel="nofollow">http://video-js.zencoder.com/oceans-clip.png</a>"</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">data-setup</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"{}"</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&gt;</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&lt;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">source</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">src</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"<a href="http://www.jq22.com/jquery-info404" style="background:none;color:rgb(25,171,0);border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;" rel="nofollow">http://</a>视频地址格式1.mp4"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">type</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">'video/mp4'</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">/&gt;</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&lt;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">source</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">src</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"<a href="http://www.jq22.com/jquery-info404" style="background:none;color:rgb(25,171,0);border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;" rel="nofollow">http://</a>视频地址格式2.webm"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">type</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">'video/webm'</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">/&gt;</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&lt;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">source</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">src</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"<a href="http://www.jq22.com/jquery-info404" style="background:none;color:rgb(25,171,0);border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;" rel="nofollow">http://</a>视频地址格式3.ogv"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">type</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">'video/ogg'</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">/&gt;</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&lt;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">track</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">kind</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"captions"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">src</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"demo.captions.vtt"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">srclang</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"en"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">label</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"English"</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&gt;&lt;/</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">track</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&gt;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(146,146,146);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&lt;!--&nbsp;Tracks&nbsp;need&nbsp;an&nbsp;ending&nbsp;tag&nbsp;thanks&nbsp;to&nbsp;IE9&nbsp;--&gt;</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&lt;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">track</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">kind</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"subtitles"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">src</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"demo.captions.vtt"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">srclang</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"en"</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:#808080;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">label</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">=</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"English"</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&gt;&lt;/</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">track</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&gt;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(146,146,146);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&lt;!--&nbsp;Tracks&nbsp;need&nbsp;an&nbsp;ending&nbsp;tag&nbsp;thanks&nbsp;to&nbsp;IE9&nbsp;--&gt;</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&lt;/</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">video</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&gt;</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

设置自动播放将下面代码加到html中代码后面

默认情况下，大的播放按钮是被定为在左上角的，这样就不会覆盖视频内容。如果你想让这个播放按钮居中，你可以给你的 video 标签添加额外的 vjs-big-play-centered 样式，比如：

如果你还对播放按钮样式不满意可重新定义.video-js .vjs-big-play-button\{/\*这里的样式重写\*/\}。

#### 为动态加载的 HTML 元素设置 Video.js ####

如果你的 web 页面或者应用是动态加载 video 标签的（ajax，appendChild，等等）,这样在页面加载后这个元素是不存在的，那么你会想要手动设置播放器而不是依靠 data-setup 属性。要做到这一点，首先将 data-setup属性从 video 标签中移除掉，这样在播放器初始化的时候就不会混乱了。接下来，运行下面的 javascript ，有时在 Video.js 加载后，有时是在 video 标签被加载进 DOM 后，

videojs 方法中的第一个参数是你的 video 标签的 ID，用你自己的代替。

第二个参数是一个选项对象。它允许你像设置 data-setup 属性一样设置额外的选项。

第三个参数是一个 'ready' 回调。一旦 Video.js 初始化完成后，就会触发这个回调。

你也可以传入一个元素本身的引用来代替元素ID：

如果您无法播放内容，您得确保使用了 正确的格式，你的 HTTP 服务器可能无法提供正确的 MIME类型 的内容

以下感谢网友[怀念★往事][Link 9] 的分享

--------------------

var videoObj = videojs(“videoId”);

ready:

播放：

暂停：

获取播放进度：

设置播放进度：

视频持续时间，加载完成视频才可以知道视频时长，且在flash情况下无效

缓冲，就是返回下载了多少

百分比的缓冲

声音大小（0-1之间）

设置声音大小

取得视频的宽度

设置宽度：

获取高度

设置高度：

一步到位的设置大小：

全屏

离开全屏

添加事件

<table style="border-spacing:0px;margin-bottom:20px;width:768px;font-size:15px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin-top:0px;margin-right:0px;margin-left:0px;padding:0px;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;min-height:auto;"> 
 <tbody style="background:none;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;"> 
  <tr style="background:rgb(234,249,255);font-weight:bold;color:rgb(0,0,0);border-top:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;"> 
   <td style="padding:0px;border-width:0px;background:none;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-weight:normal;min-height:auto;color:rgb(204,204,204);"> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      1 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      2 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      3 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      4 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      5 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      6 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      7 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      8 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      9 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      10 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      11 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      12 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      13 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      14 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      15 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      16 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      17 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      18 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      19 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      20 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      21 
    </div></td> 
   <td style="width:743px;padding:0px;border-width:0px;background:none;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-weight:normal;min-height:auto;"> 
    <div style="padding:0px;margin:0px;width:auto;background:none;border:0px;float:none;height:auto;line-height:1.3em;vertical-align:baseline;min-height:auto;"> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">durationchange</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">ended&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(146,146,146);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">//播放结束</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">firstplay</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">fullscreenchange</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">loadedalldata</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">loadeddata</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">loadedmetadata</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">loadstart</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">pause&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(146,146,146);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">//暂停</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">play&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(146,146,146);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">//播放</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">progress</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">seeked</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">seeking</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">timeupdate</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">volumechange</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">waiting</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">resize&nbsp;inherited</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;</code>&nbsp; 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">var</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">myFunc&nbsp;=&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">function</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">(){ </code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(146,146,146);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">//&nbsp;Do&nbsp;something&nbsp;when&nbsp;the&nbsp;event&nbsp;is&nbsp;fired</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">};</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

事件绑定

删除事件

一个页面中有多个视频，需要点击后触发bootstrap 的模态窗，再弹出视频

我个人的方法是：

html:

JS:

<table style="border-spacing:0px;margin-bottom:20px;width:768px;font-size:15px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin-top:0px;margin-right:0px;margin-left:0px;padding:0px;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;min-height:auto;"> 
 <tbody style="background:none;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;"> 
  <tr style="background:rgb(234,249,255);font-weight:bold;color:rgb(0,0,0);border-top:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px;vertical-align:baseline;width:auto;min-height:auto;"> 
   <td style="padding:0px;border-width:0px;background:none;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-weight:normal;min-height:auto;color:rgb(204,204,204);"> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      1 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      2 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      3 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      4 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      5 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      6 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      7 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      8 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      9 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      10 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      11 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      12 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      13 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      14 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      15 
    </div> 
    <div style="background:none;border-width:0px 1px 0px 0px;border-right-style:solid;border-right-color:rgb(226,226,226);float:none;height:auto;line-height:1.3em;margin:0px;padding:0px .5em 0px 0em;text-align:right;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;">
      16 
    </div></td> 
   <td style="width:743px;padding:0px;border-width:0px;background:none;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;font-weight:normal;min-height:auto;"> 
    <div style="padding:0px;margin:0px;width:auto;background:none;border:0px;float:none;height:auto;line-height:1.3em;vertical-align:baseline;min-height:auto;"> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">$(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">".video_link"</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">).click(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">function</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">()&nbsp;{ </code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">var</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">myPlayer&nbsp;=&nbsp;videojs(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">'my-video'</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">);</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">var</code>&nbsp; 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">videoUrl&nbsp;=&nbsp;$(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">this</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">).attr(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"videohref"</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">);</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">videojs(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"my-video"</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">,&nbsp;{},&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">function</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">()&nbsp;{ </code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">window.myPlayer&nbsp;=&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">this</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">;</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">$(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"#mymoda&nbsp;.video-con&nbsp;#my-video&nbsp;source"</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">).attr(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">"src"</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">,&nbsp;videoUrl);</code> 
     </div> 
     <div style="background-color:rgb(192,242,255);background-image:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">myPlayer.src(videoUrl);</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">myPlayer.load(videoUrl);</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">myPlayer.play();</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">});</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">$(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">".click-modal"</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">).click();</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">});</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(146,146,146);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">//&nbsp;模态窗消失时，关闭视频&nbsp;&nbsp;&nbsp;&nbsp;</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">$(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">'#mymoda'</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">).on(</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(25,171,0);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">'hidden.bs.modal'</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">,&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(0,134,179);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">function</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">()&nbsp;{ </code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">myPlayer.pause();</code> 
     </div> 
     <div style="background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;padding:0px 1em;vertical-align:baseline;width:auto;min-height:auto;white-space:pre;"> 
      <code style="font-size:13.5px;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;padding:0px;color:rgb(53,63,93);background:none;border:0px;float:none;height:auto;line-height:1.3em;margin:0px;vertical-align:baseline;width:auto;min-height:auto;">});</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

[Link 1]: http://www.jq22.com//jquery/jQueryVideo.js6.6.2.zip
[Link 2]: http://www.jq22.com//jquery/jQueryVideo.js6.2.8.zip
[Link 3]: http://www.jq22.com//jquery/jQueryVideo.js6.2.5.zip
[Link 4]: http://www.jq22.com//jquery/jQueryVideo.js5.18.4.zip
[Link 5]: http://www.jq22.com//jquery/jQueryVideo.js5.16.zip
[Link 6]: http://www.jq22.com//jquery/jQuery-video5.10.8.zip
[Link 7]: http://www.jq22.com//jquery/jQuery-video5.8.zip
[Link 8]: http://www.jq22.com//jquery/Video5.zip
[Link 9]: http://www.jq22.com/mem417718