vue 使用 vue-video-playe 实例

对于Vue中使用vue-video-player的实例，你需要先安装vue-video-player插件。可以通过npm或者yarn进行安装：

使用npm：

npm install vue-video-player --save

使用yarn：

yarn add vue-video-player

安装完成后，在你的Vue组件中引入vue-video-player并注册：

import Vue from 'vue';
import VideoPlayer from 'vue-video-player';
import 'video.js/dist/video-js.css'; // 引入video.js的样式文件
import 'vue-video-player/src/custom-theme.css'; // 引入vue-video-player的样式文件

Vue.use(VideoPlayer);

export default {
  // 组件的其他配置
}

然后，你可以在模板中使用vue-video-player组件来播放视频：

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

<script>
export default {
  data() {
    return {
      playerOptions: {
        autoplay: false,
        controls: true,
        sources: [{
          src: 'your-video-url',
          type: 'video/mp4'
        }]
      }
    }
  }
}
</script>

在上面的示例中，你可以根据需要调整播放器的选项，并将`your-video-url`替换为你要播放的视频的URL。

这样，你就可以在Vue中使用vue-video-player来实现视频播放了。