javascript - 在滑块中暂停 HTML5 视频 (flickity)

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();
        });
});

基本上，当它在 flickity 中启动事件更改时，它会找到视频并完全暂停它。如果它暂停所有视频，那很好，因为无论如何这都是预期的目的。

橡皮鸭-> FTW