为什么这个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为＃34;播放器＆＃34;。

的iframe

我知道这个问题可能会收到一些downvotes，抱歉：/

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/