呼叫api時，請保持Flowplayer處於飛濺狀態。

我有一個帶有視頻縮略圖的列表。在縮略圖事件中，我將替換初始圖像並使用api.unload方法返回到初始狀態。這工作正常，但是當我試圖通過調用api.load替換視頻源時，視頻開始播放。當我使用api.load方法時，如何讓Flowplayer保持初始狀態？這裏是我的代碼：呼叫api時，請保持Flowplayer處於飛濺狀態。

$('.video-thumb').on('click', function() { 
     var imageUrl = $(this).data('video-poster'); 

     //Replace the splash image 
     $('.my-video-player').css('background-image', 'url(' + imageUrl + ')'); 

     //Return to splash state 
     api.unload(); 

     //Replace the video sources 
     api.load([ 
       { webm: $(this).data('video-webm') }, 
       { mp4: $(this).data('video-mp4') }, 
       { ogg: $(this).data('video-ogg') } 
     ]); 
});

來源

2014-01-14 user1149117

如果我理解正確的話，當你點擊你要卸載的原始視頻和顯示新的開機畫面的縮略圖。但你不希望它馬上玩。

不幸的是api.load會播放一次準備好的視頻。爲了解決這個問題，您需要在用戶點擊新的飛濺圖像後加載新視頻。

來源

2014-01-14 16:31:37

你的意思是我應該每次點擊縮略圖時重新初始化播放器？當我點擊一個縮略圖時，我想要顯示一個新的飛濺圖像並替換當前的流水遊戲視頻源。當我點擊飛濺時，我想開始播放視頻。換句話說，當我點擊播放列表中的縮略圖時，我不希望視頻開始播放。 – user1149117

是的，所以當你點擊縮略圖時，你需要加載新的視頻。您之前無法加載它，因爲它會在加載後自動播放。 –

呼叫api時，請保持Flowplayer處於飛濺狀態。

回答

相關問題