1

我正在使用 Vuejs2 和 vue awesome swiper,我可以在滑块中添加视频自动播放,但是当视频数据中的幻灯片处于活动状态时,我无法控制视频播放。仅当视频中的滑块处于活动状态时,视频可以自动播放吗?

这是我的代码

<swiper :options="swiperOption">
                <swiper-slide v-for="(slider, index) in sliders" :key="index" :data-swiper-autoplay="slider.delay">
                  <img :src="`http://localhost:8000/photos/image/${slider.img}`">
                    <video id="video" autoplay :src= "slider.video"></video>
                </swiper-slide>
              </swiper>
<script>

export default {
data() {
    return {
      private: {
            privateData : 'private'
      },
      swiperOption: {
        notNextTick: true,
          setWrapperSize :true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
          delay: 500,
          disableOnInteraction: false
        },
        pagination: {
          el: ".swiper-pagination",
          clickable: true
        },
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev"
        },
        // history: {
        //   replaceState: true
        // }
      }
    };
  },
}

</script>

谢谢

4

0 回答 0