YouTube Iframe API - OnStateChange внезапно не работает

Question

До приблизительно 6 вечера EST этот код ниже работал бы хорошо, но теперь по какой-то причине onStateChange не стреляет. Я пробовал несколько браузеров, и у меня есть друзья, проверяющие его. Видите что-то явно не так?

<div id="video"> 
    <div id="player_wrap"> 
    <div id="player"></div> 
    </div> 
</div> 

    <script> 

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

    function onYouTubeIframeAPIReady() { 
    var player; 

     player = new YT.Player("player", { 
      width: 640, 
      height: 400, 
      videoId: "MbfsFR0s-_A", 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange   
      } 
     }); 
     } 

function onPlayerReady() { 

alert ("player ready"); 

} 


function onPlayerStateChange(event) { 

alert ("something happened"); 

} 

Answer 1

Это временная проблема с API-интерфейсом iFrame. Вы можете прочитать об этом здесь: https://code.google.com/p/gdata-issues/issues/detail?id=4706

Джефф Posnick опубликовал временный обходной путь здесь: http://jsfiddle.net/jeffposnick/yhWsG/3/

В принципе, вам просто нужно добавить слушатель события в onReady события (только временное исправление):

function onReady() { 
    player.addEventListener('onStateChange', function(e) { 
     console.log('State is:', e.data); 
    }); 
} 

Answer 2

раствор разместил here работает отлично, и это действительно чистый:

player = new YT.Player(element,{ 
    events: { 
     onReady: function(){ 
      /* 
      Do your stuff 
      */ 
      // Attach a void function to the event 
      player.addEventListener('onStateChange',function(){}); 
     }, 
     onStateChange: function(){ 
     // Actual function that gets executed during the event 
     } 
    } 
});