使用Froogaloop JavaScript和jQuery重启Vimeo iFrame

Question

我的页面动态启动了几个Vimeo iFrame嵌入式视频中的一个，我正在使用jQuery淡入/淡出和启动/停止它们。现在，我的close函数隐藏了视频，随后暂停了视频。如果您在隐藏视频后调出相同的视频，它将从之前暂停的位置开始。我想让它重新启动。我想不出正确的行动。有些“停止”和“重启”不是选项(这有多不合逻辑？播放/暂停/停止)。

我链接到Vimeo的托管版本的Froogaloop JS，并使用jQuery调用函数。

谢谢!

JavaScript：

$('#close, #underlay').click(function() {
    $('.vim, #close, #container, #underlay').fadeOut(400);
    var player=$f($('.vid:visible')[0]);
    player.api('pause');
});

Answer 1

当你让它淡入时，你可以像这样寻找视频的开头：

player.api("seekTo", 0);
player.play();

Answer 2

要完全重启，我喜欢

player.api('unload')

Answer 3

我更喜欢持续重置所有视频，然后暂停它们的解决方案。接下来，播放正在播放的当前视频。

下面的代码可以优化，但它完成了工作，没有真正的缺点。

   function playCurrentVidPWA() {
      let allVids = document.getElementsByClassName('vimeo-player');
      let currentVideo = mySwiper.slides[mySwiper.activeIndex].querySelector('iframe');
   
      // Pause all videos
      if (allVids)
      {
         for (let i = 0; i < allVids.length; i++)
         {
            const iVid = allVids[i]
            let player = new Vimeo.Player(iVid);
            // Set the time of the video back to the begining
            player.setCurrentTime(0)
            // Pause the video for no frame-skip animations
            player.pause()
         }
      }
      // Play current slide video
      if(currentVideo)
      {
         let player = new Vimeo.Player(currentVideo);
         player.play()
      }
   }