完成不工作后关闭 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/