Youtube плеер в fancybox продолжает играть, когда закрыт
Я использую fancybox для отображения смешанного контента: текста, изображения и проигрывателя youtube. Он отлично работает, но если я закрываю fancybox, воспроизводящий видео, оно продолжает воспроизводиться, что вполне нормально (просто скрыто, а не стерто).
Это (http://webdesignandsuch.com/fancybox-youtube-videos/) не может работать, потому что я показываю смешанный контент (не только плеер youtube).
Я предполагаю, что мне следует использовать плеер youtube.pauseVideo (): Void control ( https://developers.google.com/youtube/js_api_reference?hl=fr#Playback_controls ) с помощью метода beforeClose из fancybox, но я действительно понятия не имею, как это сделать: javascript на самом деле не мой друг..
У кого-нибудь есть идея? Большое спасибо!
1 ответ:
Вы можете использовать jQuery для программного отображения и скрытия iframe youtube, когда это необходимо:
$('#myModal').on('show', function () { $('div.modal-body').html('<iframe src="http://www.youtube.com/v/itTskyFLSS8&rel=0&autohide=1&showinfo=0&autoplay=1" width="500" height="281" frameborder="0" allowfullscreen=""></iframe>'); }); $('#myModal').on('hide', function () { $('div.modal-body').html(' '); });