Пауза HTML5 видео в слайдер (фликли)

Question

В настоящее время я добавляю несколько слайдов в слайдер (используя flickity), и по какой-то причине я могу заставить первое видео остановиться, когда происходит изменение события, когда слайдер перемещается на следующий слайд.Но если я воспроизведу следующее видео на следующем слайде, а затем вернусь к предыдущему или следующему слайду, оно не остановится.

Вот что я делаю до сих пор:

var testimonials = $('.case-studies__testimonial-group');
testimonials.on( 'select.flickity', function( event, index ) {
      $(".testimonial-item .content-vid").get(0).pause();
});

Странно, что это будет работать на первом при изменении события, но не на втором.Я чувствую, что это связано с тем, что первое видео уже приостановлено, что не останавливает второе видео на смену слайдера?Не уверен, что мне нужно что-то искать.

Answer 1

Хорошо, так что после того, как я поэкспериментировал с ним, кажется, что это работает:

var testimonials = $('.case-studies__testimonial-group');
testimonials.on( 'select.flickity', function( event, index ) {
      $  $('.testimonial-item').find('video').each(function() {
            this.pause();
        });
});

В принципе, когда он запускает изменение события в мгновение ока, он найдет видео и сразу его приостановит.Это нормально, если он останавливает ВСЕ видео, так как в любом случае это целевое назначение.

rubberduck -> FTW