一旦隐藏就停止播放嵌入的视频

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