2017-03-05 8 views
0

Ich habe eine Seite mit 3 Scrollify Schieberegler. Der zweite Schieberegler enthält ein angehaltenes Video. Ich versuche, einen Weg zu finden, so dass beim Scrollen zum 2. Slider das Video abgespielt wird, und es anhält, wenn du weg scrollst.Video abspielen auf Scollify ändern

Ich habe versucht:

$(".video").focus(function(){ 
    $("video").play(); 
}); 

$(".video").focusout(function(){ 
    $("video").pause(); 
}); 

und:

$(".slider").on("beforeChange", function(){ 
    $("video").play(); 
}); 

Hier ist eine codepen Demo.

Danke :)

Antwort

1

Verwenden Scrollify des before oder after Rückrufe dies zu erreichen.

+0

Danke mir direkt für die Beantwortung, ich war nicht vom Autor zu hören erwarten :), ich es geschafft, es zu bekommen, indem Sie arbeiten: vor. Funktion (nextindex, Elemente) { $ (“Video ") .get (0) .play(); }, Ist es möglich, dies nur beim Verschieben auf die zweite Folie auszuführen? –

+0

@ luke-hass vielleicht mit: vorher: function (nextIndex, elements) –

+0

Ja, benutze nextIndex, um herauszufinden, auf welcher Folie es sich bewegt. –