vue播放控件引入

视频播放引入步骤

1：安装依赖
npm install vue-video-player
2：main.js引入样式

// 第一个是videoJs的样式，后一个是vue-video-player的样式，因为考虑到我其他业务组件可能也会用到视频播放，所以就放在了main.js内
require(‘video.js/dist/video-js.css’)
require(‘vue-video-player/src/custom-theme.css’)
3：mian.js引入播放插件

import VideoPlayer from ‘vue-video-player’
Vue.use(VideoPlayer);
4：增加hls支持

//安装依赖
npm install --save videojs-contrib-hls

//在main.js内引入
require('videojs-contrib-hls/dist/videojs-contrib-hls');

5：编写业务组件 myPlayer.vue