vue-video-player视频轮播

要实现vue-video-player视频轮播，可以结合IView中的Carousel走马灯实现。具体步骤如下：
1. 在组件中引入vue-video-player和IView的Carousel组件。
2. 在data中定义一个数组，存放需要轮播的视频列表。
3. 在Carousel组件中使用v-for循环遍历视频列表，将每个视频用video-player组件包裹起来。
4. 设置Carousel组件的autoplay属性为true，使其自动轮播。
5. 可以根据需要设置Carousel组件的其他属性，如轮播速度、是否显示箭头等。

代码示例：

<template>
  <Carousel :autoplay="true">
    <div v-for="(video, index) in videoList" :key="index">
      <video-player :options="playerOptions" :source="video.url"></video-player>
    </div>
  </Carousel>
</template>

<script>
import VideoPlayer from 'vue-video-player'
import 'vue-video-player/src/custom-theme.css'
import 'video.js/dist/video-js.css'
import { Carousel } from 'iview'

export default {
  components: {
    VideoPlayer,
    Carousel
  },
  data() {
    return {
      videoList: [
        { url: 'http://example.com/video1.mp4' },
        { url: 'http://example.com/video2.mp4' },
        { url: 'http://example.com/video3.mp4' }
      ],
      playerOptions: {
        autoplay: false,
        controls: true,
        muted: false,
        language: 'zh-CN'
      }
    }
  }
}
</script>