vue和普通项目中使用Video.js视频播放器

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

npm install video.js
npm install vue-video-player

2.在main.js中引入

import Video from 'video.js'
import 'video.js/dist/video-js.css'
Vue.prototype.$video = Video

3.使用

样式设置：

在一般项目中使用Video.js
1.在页面中引用video-js.cs样式文件和video.js

2.设置flash路径

3.引入video标签

4.设置自动播放

默认情况下，大的播放按钮是被定为在左上角的，避免覆盖视频内容。如果要设置播放按钮居中，可以给 video 标签添加额外的 vjs-big-play-centered 样式.
5.Video.js的详细使用方法

var videoObj = videojs(“videoId”);
ready:
myPlayer.ready(function(){
//在回调函数中，this代表当前播放器，
//可以调用方法，也可以绑定事件。
})

播放：
myPlayer.play();
暂停：
myPlayer.pause();
获取播放进度：
var whereYouAt = myPlayer.currentTime();
设置播放进度：
myPlayer.currentTime(120);
视频持续时间，加载完成视频才可以知道视频时长，且在flash情况下无效
var howLongIsThis = myPlayer.duration();