vue使用video.js

Vue 使用 Video.js 可以实现视频播放功能。下面是一个简单的示例：

首先，你需要在项目中安装 `video.js` 和 `vue-video-player` 包：

npm install video.js vue-video-player

然后，在你的 Vue 组件中引入 `vue-video-player` 并注册组件：

import VueVideoPlayer from 'vue-video-player'
import 'video.js/dist/video-js.css' // 引入 video.js 的样式文件

export default {
  components: {
    VueVideoPlayer
  },
  // ...
}

接下来，在模板中使用 `vue-video-player` 组件来播放视频：

<template>
  <div>
    <vue-video-player :options="videoOptions"></vue-video-player>
  </div>
</template>

在 Vue 实例中定义 videoOptions 对象来配置视频播放器的选项：

export default {
  // ...
  data() {
    return {
      videoOptions: {
        autoplay: true,
        controls: true,
        sources: [
          {
            src: 'https://example.com/video.mp4',
            type: 'video/mp4'
          }
        ]
      }
    }
  }
}

这里的 `videoOptions` 对象中可以配置多个选项，比如自动播放、控制条显示等，同时也可以设置多个视频源。

以上就是使用 Video.js 在 Vue 中实现视频播放的基本步骤。你可以根据自己的需求来进一步定制和扩展。