YouTube Iframe API - OnStateChangeが突然動作しない

Question

ESTの午後6時まで、このコードはうまくいきましたが、何らかの理由で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

これは、iFrame Player APIの一時的な問題です。あなたはここでそれについて読むことができます。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 
     } 
    } 
});