關閉youtube視頻iframe完成後不工作

Question

我有一個YouTube的視頻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/