vue-video-player vue2安装
时间: 2023-11-07 13:57:45 浏览: 122
vue.js 2.0的安装包
vue-video-player是一个Vue.js视频播放器组件,可以方便地实现视频播放功能。安装vue-video-player可以通过局部引入或全局引入两种方式。
局部引入的步骤如下:
1. 在组件中引入vue-video-player:`import { videoPlayer } from 'vue-video-player'`
2. 引入video.js的样式文件:`import 'video.js/dist/video-js.css'`
3. 在组件的`components`选项中注册videoPlayer组件:`components: { videoPlayer }`
全局引入的步骤如下:
1. 在main.js中引入vue-video-player:`import VideoPlayer from 'vue-video-player'`
2. 引入video.js和vue-video-player的样式文件:`require('video.js/dist/video-js.css')`和`require('vue-video-player/src/custom-theme.css')`
3. 使用Vue.use()方法注册VideoPlayer插件:`Vue.use(VideoPlayer)`
以上就是安装vue-video-player的步骤,你可以根据需要选择局部引入或全局引入的方式来使用vue-video-player。
阅读全文