vue + el-carousel + video-player图片和视频轮播（等视频播放完在继续进行轮播）

关于这个问题，查了很多，很多都是图片轮播
要求：图片和视频一起轮播，等视频播放完在进行轮播
逻辑：

• 绑定轮播改变事件@change事件，如果是视频的话，让轮播停止，获取他的总时长进行设置，在重置进度条 下次播放重新开始
• 监听结束事件，让轮播继续，时间重置（注意这里一定要将loop设置为false）

直接上代码把：

    <el-carousel
        :autoplay="autoplay"
        :interval="interval"
        :initial-index="initialIndex"
        :height="height"
        ref="carousel"
        @change="onChange"
      >
        <el-carousel-item v-for="(item,index) in imgList" :key="index" name="index">
          <img     
            v-if="item.type == 0"
            :src="item.url"
            alt="这是图片"
            class="banner"
          />
           <video-player
            id