API iframe của YouTube - OnStateChange đột nhiên không hoạt động

Question

Cho đến khoảng 6 giờ tối EST mã này bên dưới sẽ hoạt động tốt, nhưng hiện tại vì một số lý do onStateChange không kích hoạt. Tôi đã thử trên nhiều trình duyệt và đã có bạn bè kiểm tra nó. Thấy bất cứ điều gì rõ ràng là sai?

<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

Đây là sự cố tạm thời với API trình phát iFrame. Bạn có thể đọc về nó ở đây: https://code.google.com/p/gdata-issues/issues/detail?id=4706

Jeff Posnick đăng tải một workaround tạm thời ở đây: http://jsfiddle.net/jeffposnick/yhWsG/3/

Về cơ bản, bạn chỉ cần thêm người nghe sự kiện trong sự kiện onready (chỉ cần một sửa chữa tạm thời):

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

Answer 2

giải pháp posted here hoạt động tốt và là REALLY sạch:

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