video.js使用手记

简介

video.js是一款很强大的html视频播放软件，github的星星就2.4万。足见优秀

使用说明

一般的使用说用，官方已给出，这里划一下重点。

视频加载的两种方式

1. html方式

<video ...>
  <source src="//path/to/video.mp4" type="video/mp4">
  <source src="//path/to/video.webm" type="video/webm">
</video>

2. js 方式

videojs('my-player', {
  sources: [{
    src: '//path/to/video.mp4',
    type: 'video/mp4'
  }, {
    src: '//path/to/video.webm',
    type: 'video/webm'
  }]
});

参考官网的sources例子
https://docs.videojs.com/tutorial-options.html#sources

调用api

var options = {};
videojs('product_video', options, function onPlayerReady() {
        this.pause();
});

• 常用的api有
  常用操作api
  pause //暂停
  play //播放
  dispose //清理-销毁
  on //监听事件
  trigger //触发事件
• 常用事件
  play //播放
  pause //暂停
  ended //结束
  error 错误
  loadeddata //数据加载完成
  参考： https://docs.videojs.com/html5#

写得不错的：
https://www.jianshu.com/p/9414886a8963