vue-video-player 的使用文档

Vue Video Player 是一个基于 Vue.js 和 Video.js 的 HTML5 视频播放器组件，它有很多可配置的选项，能够适应不同的业务需求。

以下是 Vue Video Player 的使用文档：

1. 安装

在终端里执行以下命令：

npm install vue-video-player --save

2. 引入

在你的 Vue 组件中引入 Vue Video Player：

import VueVideoPlayer from 'vue-video-player';
import 'video.js/dist/video-js.css'; // 引入样式
import 'vue-video-player/src/custom-theme.css'; // 引入主题样式
Vue.use(VueVideoPlayer);

3. 使用

在模板中使用：

<vue-video-player ref="videoPlayer" :options="playerOptions"></vue-video-player>

其中，`:options` 是一个对象，用于配置播放器的相关选项。下面是一个例子：

data() {
  return {
    playerOptions: {
      autoplay: false,
      controls: true,
      sources: [{
        type: 'video/mp4',
        src: 'http://example.com/my-video.mp4'
      }]
    }
  }
}

4. API

Vue Video Player 提供了一些 API，你可以通过 `ref` 属性来获取播放器实例，然后调用这些 API。例如：

this.$refs.videoPlayer.play(); // 播放视频

更多 API 可以参考 Vue Video Player 的文档。

以上是 Vue Video Player 的简单使用方法，如果需要更多详细的功能和配置，请参考 Vue Video Player 的文档。