.is（'：visible'）不工作？

Question

所以我正在尝试制作一个视频滑块，我目前正在使用光滑的滑块。但是，一旦幻灯片不在视野中，我希望视频暂停。我尝试过使用.on（'之前'，但这打破了我的整个滑块。

理论上滑块可以有多个视频图像，这就是我使用的原因.each（）

$('.featured-video').each(function() {
  console.log('video function is working');
  if ($('.featured-video').is(':visible')) {
      console.log("element visible");
  } else {
      console.log("element not visible");
  }
});

如果您需要该网站的文件，请询问。 为什么这不起作用？ 如果这种平局无效，我还有哪些替代方案？

作为旁注，我正在使用Vimeo播放器播放视频。

由于