Video auf Schieberegler anhalten

Question

Ich erstelle einen Schieberegler mit Bildern, der beim Klicken auf eine Folie ein modales Fenster mit einem anderen Schieberegler mit Videos öffnet.

In dem Moment, wenn Sie auf eines der Bilder klicken, wird ein automatisch wiedergegebenes Video geöffnet. Das Problem besteht darin, dass das Video weiterspielt, wenn Sie auf die nächste Folie klicken.

So würde Ich mag das Video anzuhalten, wenn der Schlitten bewegt ...

Hier ist ein fiddle

Answer 1

ich die Lösung gefunden, dank @lonut, der mich in die richtige Richtung: [? Wie Video-Wiedergabe zu stoppen, wenn Schieber mit]

var iframe = $('.vimeo-player')[0]; 
var player = $f(iframe); 

$('.carousel-control').bind('click', function() { 
    player.api('pause'); 
}); 

Answer 2

Sie können das Video mit pause() Methode pausieren, wenn zum nächsten Dia gehen mit:

$('.center').on('afterChange', function(event, slick, currentSlide, nextSlide) { 
    player.pause(); 
}); 

Ich habe die player Variable außerhalb des Click-Ereignisses global deklariert, um pause() darauf verwenden zu können.

Bitte beachten Sie die Arbeits aktualisiert FIDDLE.