jquery - 为什么这个jsfiddle不起作用？ (基本的Statelistener youtube iframe视频)

Question

经过一番研究，对于已经存在的youtube iframe，我找到了如何进行设置的说明。
通常，youtube api希望您通过api加载整个视频，然后使用它，但是我的html中已经有预定义的iframe。

这个jsfiddle应该可以用，但是不能用。
谁能帮我为什么它不起作用？

http://jsfiddle.net/Ss8TL/44/

这是基本的核心:

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        events: {
            'onStateChange': doawesomestuff
        }
    });
}

我有一个ID为“玩家”的iframe。

我知道这个问题可能会收到一些反对意见，对不起:/

Answer 1

我只是做了一些调整:

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

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

function onPlayerStateChange() {
 alert("state changed!");
}

工作提琴:http://jsfiddle.net/robertrozas/Ss8TL/46/