прекращение воспроизведения встроенных видео после скрытого воспроизведения

Question

У меня есть слайдер, который содержит три кадра.Каждый кадр представляет собой кнопку воспроизведения для встроенного видео позади него.Когда пользователь щелкает изображение, оно скрывается, а встроенное видео отображается и начинает автоматическое воспроизведение в том же месте.

Когда пользователь нажимает на следующий слайд, видео, как предполагается, прекращает воспроизведение и воспроизводит кадр.для следующего видео должно подойти.

Я могу остановить воспроизведение первого видео, когда пользователь нажимает следующую стрелку, но затем второе видео начинает воспроизводиться за кадром воспроизведения, даже если оно скрыто.

У меня естьперепробовал кучу разных методов, но ничто не может остановить воспроизведение этого скрытого видео.Я использую Vimeo, и у меня включен API.

      $(".holdFrame").show();$(".hiddenVideo").hide();

      $('.holdFrame').click(function(){
        $(".hiddenVideo").show();
        $(".holdFrame").hide();
});

Это устанавливает его изначально.И это происходит при нажатии следующей стрелки.

var setVideos = (function() {
    $(".hiddenVideo").hide('fast', function(){
        $(".holdFrame").show('fast', function(){
            pauseVideos();
    });
  });
});