video.js flash HTML5视频直播插件的使用问题记录（vue下，cli4）

 

今天又发现一个不错的视频播放插件DPlayer，地址https://github.com/MoePlayer/DPlayer，支持弹幕，好像B站用的就是这个，有时间研究一下怎么使用。看看和Video.js比较哪个更适合。

------------------------------------------------分割线-------------------------------------------------

在版本6以后，video.js 本身不包含flash等插件了，已经分离出来了。使用的时候，需要另行安装

### 安装videojs

npm install  video.js --save

### 安装flash插件

npm install videojs-flash  -S

### 安装播放HLS的插件

npm  install videojs-contrib-hls --save

 flash插件安装后，使用的时候自动会从网络请求获取video-js.swf文件，但是有时候会下载失败。所以最好使用本地的

// 引入videojs
import Video from 'video.js';
import 'video.js/dist/video-js.min.css';
// import 'video.js/dist/lang/zh-cn.js';
Vue.prototype.$video = Video; 


import 'videojs-flash'; // 要播放rtmp流, 就必须引入
import 'videojs-contrib-hls' //播放hls

 // 设置flash路径，Video.js会在不支持html5的浏览中使用flash播