vue 实现多个视频播放 vue-video-player

vue 实现多个视频播放 vue-video-player

实现方式：利用vue的一个组件 vue-video-player

步骤一：安装vue-video-player插件
安装：npm install vue-video-player --save或者cnpm install vue-video-player --save
步骤二：在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)

步骤三：在自己需要的页面进行引用

<div class="list-vedio" v-for="(item, index) in reply" :key="index">
          <video-player
            class="video-player vjs-custom-skin"