vue-video-player样式
时间: 2023-09-30 12:12:55 浏览: 48
vue-video-player使用了两种样式,一种是默认的样式,一种是自定义的样式。
默认样式是通过引入`video.js/dist/video-js.css`来实现的,你可以在全局引入或者组件内引入中选择其中一种方法。
自定义样式是通过引入`vue-video-player/src/custom-theme.css`来实现的,同样可以在全局引入或者组件内引入中选择其中一种方法。
根据你的引用内容,如果你选择全局引入的方式,在你的`main.js`文件中导入并引用`vue-video-player`和相应的样式文件即可:
```javascript
import VideoPlayer from 'vue-video-player'
import 'vue-video-player/src/custom-theme.css'
import 'video.js/dist/video-js.css'
Vue.use(VideoPlayer)
```
如果你选择组件内引入的方式,可以在你的组件文件中导入`videoPlayer`组件和相应的样式文件:
```javascript
import { videoPlayer } from 'vue-video-player'
import 'video.js/dist/video-js.css'
export default {
components: {
videoPlayer
}
}
```
这样就可以使用vue-video-player插件的样式了。