我在我正在构建的网站上使用 Swiper 作为滑块。滑块设置为自动播放并包含图像和嵌入的 YouTube 和 Vimeo 视频。问题是当出现 YouTube 或 Vimeo 视频幻灯片时滑块不会暂停并且我单击视频播放按钮,因此滑块会继续而我看不到视频。
有没有办法将滑块设置为自动播放但在 YouTube/Vimeo 播放时暂停?
JS:
var swiper;
swiper = new Swiper( '.swiper-container', {
loop: true,
autoHeight: true,
observer: true,
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
navigation: {
nextEl: '.slider-navigation .slider-next',
prevEl: '.slider-navigation .slider-prev',
},
});