html - 播放有关 Scollify 变化的视频

Question

我有一个带有 3 个Scrollify滑块的页面。第二个滑块包含一个暂停的视频。我试图找出一种方法，以便当您滚动到第二个滑块时它会播放视频，如果您滚动离开它会暂停。

我试过了：

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

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

和：

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

这是一个codepen演示。

谢谢 ：）

Answer 1

使用 Scrollifybefore或after回调来实现这一点。