vue-video-player 使用

Vue Video Player是一个基于Vue.js的视频播放器组件库，可以用于在Vue.js应用程序中播放视频。要使用Vue Video Player，您可以按照以下步骤进行操作：

1. 安装Vue Video Player：使用npm或yarn安装Vue Video Player。

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 Video Player的自定义主题样式

Vue.use(VueVideoPlayer);

3. 在您的Vue模板中使用Vue Video Player组件：

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

<script>
export default {
  data() {
    return {
      playerOptions: {
        autoplay: false,
        controls: true,