Vue Video Player怎么在vue2中使用

在Vue2中使用Vue Video Player，可以按照以下步骤进行：

安装Vue Video Player

可以使用npm或者yarn进行安装：

npm install vue-video-player --save

yarn add vue-video-player

引入Vue Video Player

可以在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)

在组件中使用

可以在组件中使用Vue Video Player：

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

<script>
export default {
  data() {
    return {
      playerOptions: {
        autoplay: false,
        muted: false,
        language: 'zh-CN',
        playbackRates: [0.7, 1.0, 1.5, 2.0],
        sources: [{
          src: 'http://vjs.zencdn.net/v/oceans.mp4',
          type: 'video/mp4'
        }],
        poster: 'http://www.videojs.com/img/poster.jpg',
        preload: 'auto',
        controls: true,
        width: 600,
        height: 300
      }
    }
  },
  mounted() {
    this.$refs.videoPlayer.play()
  }
}
</script>

在上面的例子中，我们引入了Vue Video Player并将其注册到Vue中。然后在组件中使用video-player组件，并传递了一些参数来配置播放器的行为。最后，在组件的mounted生命周期中播放了视频。