YouTube onPlayerReady永远不会被触发

Question

任何想法为什么这个脚本不起作用？我想要的只是跟踪onStateChanged事件，但这从来都不是被称为。

当我用下面的代码打开html文档时，我没有错误，youtube脚本加载得很好，播放器对象不是undefined，看起来也不错。

$(document).ready(function(){ 
    loadScript(); 
}); 

    function loadScript() { 
     var tag = document.createElement('script'); 
     tag.src = "https://www.youtube.com/iframe_api"; 
     var firstScriptTag = document.getElementsByTagName('script')[0]; 
     firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
    } 

    var player; 
    function onYouTubeIframeAPIReady() { 
     player = new YT.Player('player', { 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
     alert(player); 
    } 

    var done = false; 
    function onPlayerStateChange(event) { 
      alert('state changed'); 
     if (event.data == YT.PlayerState.PLAYING && !done) { 
      setTimeout(stopVideo, 3000); 
      done = true; 
     } 
    } 
    function stopVideo() { 
     player.stopVideo(); 
    } 
    function onPlayerReady(event) { 
     event.target.playVideo(); 
    } 

我iframe：

<iframe id="player width="400" height="300" src="https://www.youtube.com/embed/j0pJekWgeFE" frameborder="0" allowfullscreen></iframe> 

见琴：https://jsfiddle.net/rg2uy1f8/

Answer 1

我发现这里的答案：How do I get the reference to an existing YouTube player?

我的解决方案没有工作的原因，是我的iframe是缺少一个属性：enablejsapi="1"而且我还缺少：YouTube视频中的?enablejsapi=1网址。

您可以在这里找到工作的解决方案：http://jsfiddle.net/bf7zQ/2/