vue2 + vue-video-player 视频播放器

1、安装该插件

npm install vue-video-player

2、项目main.js中引入

import VideoPlayer from 'vue-video-player'

require('video.js/dist/video-js.css')

require('vue-video-player/src/custom-theme.css')

Vue.use(VideoPlayer)

3、页面代码

.video-js .vjs-icon-placeholder {

  width: 100%;

  height: 100%;

  display: block;

}

.video-player {

  width: 100%;

  height: 100%;

}

4、最终效果

最后，感兴趣的小伙伴可以自己复制代码玩玩儿，冲冲冲