Воспроизведение видео, когда в окне просмотра не работает должным образом

Question

У меня есть страница с 4-5 видео на нем. Я хочу воспроизвести каждое видео, только если оно находится в окне просмотра. Я использую isInViewport этот jQuery плагин для достижения этой цели. Это работает, но проблема в том, что каждый раз, когда прокручивается немного, видео воспроизводится снова. Я нашел решение здесь , но это работает только для одного видео. Как я могу заставить это работать для нескольких видео?

 jQuery(document).ready(function ($) {
  $(window).scroll(function () {
    $("video").each(function () {
      $(this)[0].currentTime = 0;

      if ($(this).isInViewport({ tolerance: 100 })) {
        $(this)[0].play();
      } else {
        $(this)[0].pause();
      }
    });
  });
});