vue中使用vue-video-player

要在Vue中使用vue-video-player，需要先安装vue-video-player和video.js：

1. 安装vue-video-player和video.js

npm install vue-video-player video.js --save

2. 在main.js中引入并注册vue-video-player

import Vue from 'vue'
import VideoPlayer from 'vue-video-player'
import 'video.js/dist/video-js.css'
import 'vue-video-player/src/custom-theme.css'

Vue.use(VideoPlayer)

3. 在组件中使用vue-video-player

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

<script>
export default {
  data() {
    return {
      playerOptions: {
        autoplay: false,
        controls: true,
        sources: [{
          src: 'http://www.example.com/path/to/video.mp4',
          type: 'video/mp4'
        }]
      }
    }
  },
  mounted() {
    this.$refs.player.play()
  }
}
</script>