Question

我目前正在将一些幻灯片添加到滑块中（使用轻拂功能），由于某种原因，当将滑块移到下一张幻灯片时发生事件更改时，我可以使第一个视频暂停播放。但是，如果我在下一张幻灯片中播放下一个视频，然后再移回上一张或下一张幻灯片，则视频不会暂停。

这是我到目前为止正在做的事情：

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

基本上，当它开始快速变化事件时，它将找到视频并将其完全暂停。如果可以暂停所有视频，那是很好的选择，因为无论如何这都是预期的目的。

暂停滑块中的HTML5视频（轻拂）

1 个答案:

rubberduck-> FTW