video-player多个视频

video-player可以通过配置sources参数来实现循环播放多个视频。在options配置中的sources是一个数组，可以配置多个视频源。通过在代码中循环遍历sources数组，可以实现多个视频的循环播放。具体实现可以参考引用中的代码示例。同时，还可以参考引用中的video.js示例代码，该代码展示了如何在一个页面同时播放多个视频。要使用video-player组件，首先需要安装vue-video-player插件。可以通过npm install vue-video-player --save或者cnpm install vue-video-player --save来安装插件。然后，在main.js入口文件中引入VideoPlayer组件，并配置所需的样式文件。最后，通过Vue.use(VideoPlayer)来使用video-player组件。以上是使用video-player播放多个视频的基本步骤和方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [使用vue-video-player播放列表循环，同一个video画面中循环播放列表](https://blog.csdn.net/weixin_44675782/article/details/124970421)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [video.js 一个页面同时播放多个视频的实例代码](https://download.csdn.net/download/weixin_38538021/12949261)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [vue 实现多个视频播放 vue-video-player](https://blog.csdn.net/weixin_47156901/article/details/109998062)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]