vue播放控件引入
视频播放引入步骤1:安装依赖npm install vue-video-player2:main.js引入样式// 第一个是videoJs的样式,后一个是vue-video-player的样式,因为考虑到我其他业务组件可能也会用到视频播放,所以就放在了main.js内require(‘video.js/dist/video-js.css’)require(‘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
更多推荐
已为社区贡献1条内容
所有评论(0)