vue-video-player两个文件同时播放

在vue-video-player中，同时播放两个文件可能会遇到一些挑战，因为该库默认只支持单个视频播放。但是，你可以使用一些技巧来实现这个功能。以下是一种可能的解决方案：

1. 使用多个vue-video-player实例：创建多个vue-video-player实例，并在每个实例中分别加载不同的视频文件。这样，你就可以在页面上同时播放多个文件。

2. 自定义组件：你可以创建一个自定义的Vue组件，其中包含多个vue-video-player实例。通过在组件中管理多个实例的状态和行为，你可以实现同时播放多个文件。

这里是一个示例代码，演示如何使用多个vue-video-player实例来同时播放两个文件：

<template>
  <div>
    <video-player ref="player1" :options="playerOptions1"></video-player>
    <video-player ref="player2" :options="playerOptions2"></video-player>
  </div>
</template>

<script>
import VideoPlayer from 'vue-video-player'

export default {
  components: {
    VideoPlayer
  },
  data() {
    return {
      playerOptions1: {
        // 第一个视频文件的配置选项
        source: 'path/to/video1.mp4',
        autoplay: true
      },
      playerOptions2: {
        // 第二个视频文件的配置选项
        source: 'path/to/video2.mp4',
        autoplay: true
      }
    }
  },
  mounted() {
    // 在组件加载完成后，手动播放两个视频
    this.$refs.player1.play()
    this.$refs.player2.play()
  }
}
</script>

请注意，这只是一个示例，你可以根据你的具体需求进行调整和扩展。