vue+video.js实现视频播放

使用video.js来播放视频

首先呢配置文件时必不可少的，那么步骤来了
步骤1：下载依赖(npm)

// 还是一样哦，有淘宝镜像的话
cnpm i video.js --save

// 没有的话可以使用
npm i video.js --save

步骤2：全局配置(main.js中)

// 引入视频插件 video.js
import Video from 'video.js'
import 'video.js/dist/video-js.css'
Vue.prototype.$video = Video

步骤3：在需要的页面使用 video.js

// :poster为视频的封面图
// 也可以设置自动播放 autoplay属性
<video
   @click.stop
   class="video-player"
   ref="video"
   width="100%"
   :poster="item.videoPic"
   controls="controls"
 >
   <source :src="item.videoUrl" />
 </video>

好了，这个功能就结束了，是不是也挺简单的。
如果觉得还好的话，可以点个赞了，有些不足的话，可以指正，再次感谢