vue-video-player文档_Vue-Video-Player 在github官方文档

Vue-Video-Player 是一个基于 Vue.js 的视频播放器组件，可以在网页中方便地嵌入视频播放器，并支持多种视频格式的播放。

官方文档位于 https://github.com/surmon-china/vue-video-player/blob/master/README.zh-CN.md ，其中包括安装、使用、API 文档等内容。

安装：

使用 npm 安装：

npm install vue-video-player --save

使用 yarn 安装：

yarn add vue-video-player

使用：

在 Vue 组件中使用：

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

<script>
import { videoPlayer } from 'vue-video-player'

export default {
  components: {
    videoPlayer
  },
  data () {
    return {
      playerOptions: {
        // 视频源
        source: 'http://www.example.com/path/to/video.mp4',
        // 视频封面
        poster: 'http://www.example.com/path/to/poster.jpg',
        // 是否自动播放
        autoplay: false,
        // 是否循环播放
        loop: false,
        // 是否显示控制条
        controls: true
      }
    }
  },
  mounted () {
    // 获取 video-player 实例
    const player = this.$refs.videoPlayer.player
    // 播放视频
    player.play()
  }
}
</script>

API 文档：

Vue-Video-Player 提供了丰富的 API，可以通过实例的 player 属性获取到视频播放器实例，然后调用相应方法或设置相应属性。

例如，可以通过以下代码获取视频播放器实例，并设置播放速度为 1.5 倍：

const player = this.$refs.videoPlayer.player
player.playbackRate = 1.5