Закрыть youtube video iframe после завершения не работает

Question

У меня есть видео с iframe iframe, и я хочу закрыть его, когда он закончится. Это должно работать, но это не так. Запуск fancybox и видео отображается правильно, но ни один из console.log не появляется. Что я делаю не так?

 $.fancybox({ 
      href: "https://www.youtube.com/embed/8CR-zM6jwD8?rel=0&autoplay=1", 
      type: "iframe", 
      beforeShow: function() { 
       // Find the iframe ID 
       var id = $.fancybox.inner.find('iframe').attr('id'); 
       // Create video player object and add event listeners 
       var player = new YT.Player(id, { 
        events: { 
         'onStateChange': function (event) { 
         console.log('onStateChange fired'); 
          if (event.data === 0) { 
           console.log('ended'); 
           $.fancybox.close(); 
          } // if 
         } // onStateChange 
        } // events 
       }); // YT.Player 

       loadPage(); 
      }, // beforeShow 
     }); // fancybox 

JSFIDDLE

Answer 1

onStateChange возвращение событие, но не представляется возможным доступ непосредственно. вам нужно также onReady. И я удаляю конец вашего добавочного видео autoplay=1 и заменяю на enablejsapi. Работа отлично теперь

Пожалуйста, попробуйте: http://jsfiddle.net/d6egj2sq/