jquery - YouTube動画終了後にJavascript関数を実行する

Question

ビデオの終了時にjQueryの行を実行したいので、YouTube APIを介してYouTubeビデオをロードしています。何らかの理由で私のコードが実行されません。誰かが私を正しい方向に向けることができます...

まず、iFrame を埋め込みます

 <iframe id="player" class="blo" width="219" height="207" src="http://www.youtube.com/embed/qNL81Khx_UE?enablejsapi" frameborder="0" allowfullscreen></iframe>

次に、API スクリプトを作成します

<script type="text/javascript">
          // 2. This code loads the IFrame Player API code asynchronously.
          var tag = document.createElement('script');
          tag.src = "http://www.youtube.com/player_api";
          var firstScriptTag = document.getElementsByTagName('script')[0];
          firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

          // 3. This function creates an <iframe> (and YouTube player)
          //    after the API code downloads.
          var player;
          function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
              height: '390',
              width: '640',
              videoId: 'qNL81Khx_UE',
              events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
              }
            });
          }
          </script>

次に、関数を作成します

<script type="text/javascript">
 var myPlayerState;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
      alert('Something Happened');
    }
    myPlayerState = event.data;
     }

if (myPlayerState == 1){
alert('Something Happened');
}

誰かが私が間違っていることを教えてもらえますか?

ありがとう！