vue使用video.js播放视频

在Vue项目中使用video.js播放视频，可以按照以下步骤进行：

1. 首先，安装video.js和video.js的CSS样式文件。可以使用npm或者yarn进行安装：

npm install video.js
npm install video.js/dist/video-js.css

2. 在Vue项目的入口文件（例如main.js）中，引入video.js和video.js的CSS样式文件，并将video.js注册到Vue的原型上：

import Vue from 'vue'
import Video from 'video.js'
import 'video.js/dist/video-js.css'

Vue.prototype.$video = Video

3. 在需要使用video.js播放视频的组件中，可以通过`this.$video`来访问video.js的功能。例如，在一个视频播放组件中，可以使用以下代码来初始化和播放视频：

export default {
  mounted() {
    // 获取video标签
    const videoElement = this.$refs.video

    // 使用video.js初始化视频
    const player = this.$video(videoElement)

    // 设置视频源
    player.src('path/to/video.mp4')

    // 播放视频
    player.play()
  }
}

请注意，上述代码中的`$refs.video`是一个ref属性，用于获取video标签的DOM元素。