隐藏后停止播放嵌入式视频

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();
    });
  });
});