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 2

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