vue2点击手动切换轮播视频

要实现点击手动切换轮播视频，您可以使用Vue 2.x版本结合第三方的轮播插件来实现。

首先，安装并引入一个适合您需求的Vue轮播插件，例如vue-awesome-swiper。

然后，在Vue组件中，使用该插件创建一个轮播组件，并定义一个data属性来控制当前显示的视频索引，例如：

import { swiper, swiperSlide } from 'vue-awesome-swiper';

export default {
  components: {
    swiper,
    swiperSlide
  },
  data() {
    return {
      currentSlide: 0,
      swiperOptions: {
        // 配置项
      }
    }
  },
  methods: {
    changeSlide(index) {
      this.currentSlide = index;
    }
  }
}

在模板中，使用v-for指令遍历视频列表，并绑定点击事件来切换当前显示的视频，例如：

<template>
  <div>
    <swiper :options="swiperOptions">
      <swiper-slide v-for="(video, index) in videoList" :key="index">
        <div v-if="currentSlide === index">
          <!-- 视频播放器代码 -->
        </div>
      </swiper-slide>
    </swiper>

    <div class="video-thumbnails">
      <div v-for="(video, index) in videoList" :key="index" @click="changeSlide(index)">
        <!-- 缩略图 -->
      </div>
    </div>
  </div>
</template>

在上述代码中，通过点击缩略图，触发@click事件，调用changeSlide方法来切换当前显示的视频，即更新currentSlide的值。

请根据您选择的轮播插件的具体文档，进行配置和样式的设置。希望能对您有所帮助！如果还有其他问题，请随时提问。