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