vue2安装vue-video-player

要在Vue 2项目中安装vue-video-player，你可以按照以下步骤进行操作：

1. 首先，确保你的项目中已经安装了Vue 2。如果没有安装，可以通过以下命令在项目中安装Vue 2：

npm install vue@2.x --save

2. 然后，使用以下命令安装vue-video-player：

npm install vue-video-player --save

3. 在你的Vue项目的入口文件（通常是main.js或app.js）中，添加以下代码来引入vue-video-player：

import Vue from 'vue';
import VideoPlayer from 'vue-video-player';

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

Vue.use(VideoPlayer);

4. 现在，你就可以在Vue组件中使用vue-video-player了。例如，在你的组件模板中添加以下代码来展示一个视频播放器：

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

<script>
  export default {
    data() {
      return {
        playerOptions: {
          // 视频源URL
          src: 'your_video_url_here',
          // 其他配置选项
          // ...
        }
      };
    }
  };
</script>

请注意，你需要将'your_video_url_here'替换为你实际的视频URL。

这样，你就成功在Vue 2项目中安装和使用vue-video-player了。记得根据实际需求配置更多的选项和样式。