YouTube Iframe API - OnStateChange improvvisamente non funziona

Question

Fino alle 18:00 circa questo codice sotto avrebbe funzionato bene, ma ora per qualche motivo onStateChange non sta funzionando. Ho provato su più browser e ho avuto amici controllarlo. Vedi qualcosa ovviamente sbagliato?

<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

Questo è un problema temporaneo con l'API di iFrame Player. Si può leggere su qui: https://code.google.com/p/gdata-issues/issues/detail?id=4706

Jeff Posnick pubblicato una soluzione temporanea qui: http://jsfiddle.net/jeffposnick/yhWsG/3/

In sostanza, è sufficiente aggiungere il listener evento nell'evento onReady (solo una correzione temporanea):

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

Answer 2

La soluzione postato here funziona bene ed è veramente pulito:

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 
     } 
    } 
});