需要一些帮助！当isInViewport不起作用时播放和暂停多个视频

Question

有人可以帮我解决这个问题吗？

我尝试在视口中滚动时播放和暂停多个视频，以使用Js isInViewport加速页面。

对于第一个有效的视频！但是当我添加第二个/第三个视频不再可用时，我应该在我的代码笔中修复什么才能使其正常工作？...

[Codepen](https://codepen.io/skurodrome/pen/RwwbXLE)

Answer 1

它们不起作用，因为您试图仅播放和暂停第一个视频。 $('.video')返回具有.video类的DOM元素数组。您应该仔细检查您拥有的对象并阅读文档。这是工作方法：

$(function() {
  var $videos = $('.video');
  var $window = $(window);
  $window.scroll(function() {
    for (var video of $videos) {
      $video = $(video)
      if ($video.is(":in-viewport")) {
        $video[0].play();
      } else {
        $video[0].pause();
        console.log('')
      }
    }

  });
});