vue项目中使用视频插件

昨天写一个非物质文化遗址展览项目需要用到视频播放这块，

所以了我就在网站找了一下插件最后确定了就用 vue-vedio-player

首先我们先安装这个插件

npm install vue-video-player -s

我们需要在main.js里面导入并引用

import VideoPlayer from 'vue-video-player'
import 'vue-video-player/src/custom-theme.css'
import 'video.js/dist/video-js.css'
 

Vue.use(VideoPlayer)

那么我们怎么使用了？
html部分

js部分

style部分

最后我们来看一下效果