我正在使用 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>
谢谢