vue-video-player vue2安装

vue-video-player是一个Vue.js视频播放器组件，可以方便地实现视频播放功能。安装vue-video-player可以通过局部引入或全局引入两种方式。

局部引入的步骤如下：
1. 在组件中引入vue-video-player：`import { videoPlayer } from 'vue-video-player'`
2. 引入video.js的样式文件：`import 'video.js/dist/video-js.css'`
3. 在组件的`components`选项中注册videoPlayer组件：`components: { videoPlayer }`

全局引入的步骤如下：
1. 在main.js中引入vue-video-player：`import VideoPlayer from 'vue-video-player'`
2. 引入video.js和vue-video-player的样式文件：`require('video.js/dist/video-js.css')`和`require('vue-video-player/src/custom-theme.css')`
3. 使用Vue.use()方法注册VideoPlayer插件：`Vue.use(VideoPlayer)`

以上就是安装vue-video-player的步骤，你可以根据需要选择局部引入或全局引入的方式来使用vue-video-player。

相关问题

vue-video-player和vue-core-video-player

vue-video-player和vue-core-video-player都是用于Vue.js的视频播放器插件。

1. vue-video-player:
- 安装：使用npm或yarn安装vue-video-player。
- 配置：在main.js中引入vue-video-player，并将其作为Vue的插件使用。
- 使用：在Vue组件中使用<video-player>标签，并传入视频源等参数。
- 功能：vue-video-player提供了丰富的视频播放功能，包括播放、暂停、快进、音量控制等。

2. vue-core-video-player:
- 安装：使用npm或yarn安装vue-core-video-player。
- 配置：在main.js中引入vue-core-video-player，并将其作为Vue的插件使用。
- 使用：在Vue组件中使用<core-video-player>标签，并传入视频源等参数。
- 功能：vue-core-video-player是一个轻量级的视频播放器，提供了基本的视频播放功能，适用于简单的视频播放需求。

这两个插件都可以用于在Vue.js项目中实现视频播放功能，具体选择哪个取决于项目需求和个人偏好。

ERROR in ./node_modules/vue-video-player/dist/vue-video-player.js Module not found: Error: Can't resolve 'videojs' in 'E:\code\vue-test\node_modules\vue-video-player\dist'

这个错误意味着在使用vue-video-player插件时，它无法找到videojs模块。这可能是由于以下原因之一：

1. 您没有安装video.js模块。您可以运行以下命令安装它：

   npm install video.js --save

2. 您的webpack配置中没有解析video.js模块。请确保在webpack配置中添加以下内容：

   resolve: {
     alias: {
       'video.js$': 'video.js/dist/video.cjs.js',
       'videojs-contrib-hls$': 'videojs-contrib-hls/dist/videojs-contrib-hls.js'
     }
   }

注意，这个alias配置是针对video.js和videojs-contrib-hls模块的。如果您使用其他的video.js插件，请根据需要进行配置。

如果您已经安装了video.js模块并且已经在webpack配置中添加了alias项，但仍然遇到这个问题，请检查您的项目结构和依赖项，确保没有其他冲突或错误。