如何在YouTube視頻開始播放時停止Flexslider？

我的滑塊內部包含視頻。第一張幻燈片包含此視頻。如何在YouTube視頻播放時停止Flexslider動畫？如何在YouTube視頻開始播放時停止Flexslider？

$(window).load(function(){ 

    $('.flexslider').flexslider({ 

    animation: "fade", 
    pauseOnHover: true, 
    start: function(slider){ 
     $('body').removeClass('loading'); 
     slider.pause(); 
     setTimeout(function(){ 
     slider.play(); 
     }, 6000); 
    }, 
    after: function(slider){ 
     $('div.flexslider').mouseover(function(){ 
     slider.pause(); 
    }); 
    $('div.flexslider').mouseout(function(){ 
     slider.resume(); 
    }); 
} 
    }); 
});

<ul class="slides" style="z-index:99;"> 
     <li> 
      <div class="banner_video"> 
       <iframe width="450" height="280" src="//www.youtube.com/embed/Au46iRGFuUw?rel=0&autoplay=1" frameborder="0" allowfullscreen id="banner_video"></iframe> 
      </div> 
      <a href="master_diploma_programme.php"> 
      <img src="images/banner/home/master-diploma.jpg" alt="Master Diploma Programe" title="Master Diploma Programe" /> 
      </a> 
     </li> 
     <li><a href="franchise_opportunity_maharastra.php"><img src="images/banner/home/Invite_maharastra.jpg" alt="Franchise Business for Maharashtra" title="Franchise Business for Maharashtra" width="1004" height="300" /></a></li> 
    </ul>

來源

2014-04-02 user2432201

那麼最新的代碼是什麼問題？ – dreamweiver

播放視頻時滑塊不停止 – user2432201

您必須在YouTube視頻播放中暫停滑塊http://stackoverflow.com/questions/8950146/check-if-youtube-video-is-playing-and-run-script –

那麼爲了實現這一目標，你需要聽的視頻播放器的事件首先，在此基礎上，你可以控制flexslider。

爲了做到這一點，您需要閱讀這篇關於在您的頁面上嵌入YouTube播放器並使用YouTube api收聽活動的文章。

https://developers.google.com/youtube/iframe_api_reference#Getting_Started

因此基於在視頻開始/停止，你可以控制flexslider在.after塊

after: function(slider){ 
    if(bVideoStartedBit) // this is set when video started via youtube Api 
     slider.pause(); 
    else if(bVideoStoppedBit) // this is set when video stopped via youtube Api 
     slider.play(); 
    });

注：請確保您給出足夠的時間滑塊（時間超時更改下一張幻燈片），以便用戶點擊視頻被捕獲

快樂編碼:)

來源

2014-04-02 11:13:12 dreamweiver

如何在YouTube視頻開始播放時停止Flexslider？

回答

相關問題