| player.on('timeupdate', function() { console.log(player.currentTime()); }); |
可以通过判断当前时间和总时间是否相等来判断视频是否结束：
| player.on('timeupdate', function () { // 如果 currentTime() === duration()，则视频已播放完毕 if (player.duration() != 0 && player.currentTime() === player.duration()) { // 播放结束 } }); |
有前辈指出在ended事件在安卓设备上没有正确触发(先备着)。
MIME类型设置
默认的iis MIME设置是没有增加mp4类型的，会出现本地播放没有问题，但是到了服务器上就出404错误。这需要在iis中设置MIME：
常见视频格式：
flv格式是加入关联扩展名：.flv，内容类型：application/octet-stream
f4v格式是扩展名：.f4v，内容类型：application/octet-stream
mp4格式是扩展名：.mp4，内容类型：video/mp4
ogv格式是扩展名：.ogv ，内容类型：video/ogg
webm格式是扩展名：.webm，内容类型：video/webm
设置完重启iis才能生效。
样式自定义
官方给了一个codepen的地址 http://codepen.io/heff/pen/EarCt 可以编辑玩玩。 主要是播放按钮，控制条和进度条。默认就是上面那样。
还有这款：http://codepen.io/zanechua/pen/GozrNe SublimeVideo
Flash设置
Playback技术用来在浏览器或插件中播放视频或音频文件，如果是h5会使用video或audio元素，如果是flash，会定义一个flash播放器。不止flash，还支持Silverlight、Quicktime等技术播放。可以在元素中直接定义data-setup。指定支持的技术。
| <video data-setup='{"techOrder": ["html5", "flash", "other supported tech"]}' |
或者使用JavaScript：
| videojs("videoID", { techOrder: ["html5", "flash", "other supported tech"] }); |
这里默认的规则是，会用第一项技术去播放，不行再使用后面的选项。比如上方html5写在第一位，就会用html5播放所有的视频。如果我们想flash优先，放在前面即可：
| data-setup='{ "techOrder": ["flash","html5"] }' |
在页面元素中你会发现，video.js给我们使用的flash对象了。
自动播放：
给video元素加上autoplay属性，或者在js中加入autoplay:true
| <video id="video" autoplay poster="/images/bk.png" width="375" height="200" controls preload="none" > </video> |
或
| var player = videojs('video', { autoplay:true }, function () { console.log('Good to go!'); //this.play(); // 保险你还可以主动调用play() }); |
