javascript - 完成后关闭 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/