在 SwiperJS Slider 中在幻灯片更改时暂停 Vimeo 视频在第一个视频后失败

Question

我使用 SwiperJS 作为视频滑块，并希望在幻灯片更改时暂停 Vimeo 视频。这适用于第一个视频，但后续视频在更改幻灯片时不会暂停？

<script src="https://player.vimeo.com/api/player.js"></script> 
<script>    
      var videoSwiper = new Swiper('.video-slider', {
          navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
        on: {
            slideChange: function (el) {
              $('.swiper-slide').each(function () {
                  var vimeoPlayer = $(this).find('iframe').get(0);                        
                  var iframe = $('#vimeo').get(0);
                  var player = new Vimeo.Player(iframe);
                    if (vimeoPlayer) {          
                    player.pause();
                   }
                 });
                },
               },      
             });
</script>

Answer 1

您有以下代码

var iframe = $('#vimeo').get(0);

在这种情况下，您只能识别具有此 ID 的第一个元素。