fancybox中的Youtube播放器在關閉時會一直播放

Question

我使用fancybox來顯示混合內容：文本，圖像和YouTube播放器。它工作的很好，但如果我關閉播放視頻的fancybox，它會繼續播放，這是非常正常的（只是隱藏，沒有被擦除）。

這個（http://webdesignandsuch.com/fancybox-youtube-videos/）不能工作，因爲我顯示一個混合的內容（不僅僅是youtube播放器）。

我想，我應該使用YouTube player.pauseVideo（）：用的fancybox的beforeClose方法虛空控制（https://developers.google.com/youtube/js_api_reference?hl=fr#Playback_controls），但我真的不知道如何做到這一點：JavaScript是不是我的朋友。

有人有想法嗎？非常感謝！

Answer 1

您可以使用jQuery以編程方式顯示和隱藏的iframe的YouTube需要時：

$('#myModal').on('show', function() { 
    $('div.modal-body').html('<iframe src="http://www.youtube.com/v/itTskyFLSS8&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;autoplay=1" width="500" height="281" frameborder="0" allowfullscreen=""></iframe>'); 
    }); 

    $('#myModal').on('hide', function() { 
    $('div.modal-body').html('&nbsp;'); 
});