vue组件-视频播放之video.js

    最近在练手一个小项目，想给首页增加一个视频介绍（如下图）。涉及到了vue视频播放的功能，所以在网上了解了一下。

    相关的插件是Video.js，官网讲解比较详细，我罗列出来，可以根据自己需要去查看。

官网地址：

    1.video.js整合vue的地址：https://docs.videojs.com/tutorial-vue.html

    2.video.js框架API的地址：https://docs.videojs.com/tutorial-options.html

简单使用

第一步，添加依赖

npm install --save-dev video.js

第二步，在main.js中引入Video.js及样式

import Video from 'video.js'
import 'video.js/dist/video-js.css'

Vue.prototype.$video = Video //引入Video播放器

创建通用播放器（官网vue整合代码）

根据需要创建具体播放器（具体参数可以查看官网API）

    以上就是，Video.js的简单使用，是不是很简单。

最后：