在Scollify上播放视频更改

Question

我有一个包含3个Scrollify滑块的页面。第二个滑块包含暂停的视频。我正试图找出一种方法，这样当你滚动到第二个滑块时它会播放视频，如果你滚动它就会暂停。

我试过了：

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

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

和

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

这是一个codepen演示。

谢谢：）

Answer 1

使用Scrollify的x <- list(c(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 7, 7, 30, 30, 91, 91, 365, 1826, 9131, 36525 ), c(1, 1, 2, 5, 10, 25, 50, 100, 250, 500, 1000, 5000, 15000, 60000, 60000, 3e+05, 3e+05, 9e+05, 9e+05, 3600000, 10800000, 10800000, 21600000, 0, 0, 0, 37800000, 37800000, 2.7e+07, 2.7e+07, 21600000, 21600000, 21600000, 0)) 或before回调来实现此目标。