Besoin d'aide avec onStateChange de lecteur youtube

Question

J'essayais d'utiliser la propriété onStateChange de vidéos YouTube, Et je ne pouvais pas le faire fonctionner. J'ai beaucoup cherché dessus mais je ne comprenais pas vraiment comment ça fonctionnait. Voici le code que j'ai essayé, j'ai ajouté un console.log, qui ne s'appelle pas. Est-ce que quelqu'un peut m'aider ?

Merci d'avance!

C'est mon code

<script type="text/javascript"> 
     function onYouTubePlayerReady(playerId) { 
      var player = document.getElementById("YTplayer"); 
      player.addEventListener("onStateChange", "onplayerStateChange"); 
     } 

     function onplayerStateChange(newState) { 
      console.log('test'); 
     } 
    </script> 
     <object style="height: 390px; width: 640px"> 
      <param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3"> 
      <param name="allowFullScreen" value="true"> 
      <param name="allowScriptAccess" value="always"> 
      <embed 
       src="http://www.youtube.com/v/u1zgFlCw8Aw?version=3" 
       type="application/x-shockwave-flash" 
       allowfullscreen="true" 
       allowScriptAccess="always" 
       width="640" height="390" 
       id="YTplayer"> 
     </object> 

Answer 1

Vous devez définir l'identifiant dans pramameter playerapiid ou utiliser celle donnée dans le rappel onYouTubePlayerReady

<object style="height: 390px; width: 640px"> 
     <param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3&playerapiid=YTplayer"> 
     <param name="allowFullScreen" value="true"> 
     <param name="allowScriptAccess" value="always"> 
     <embed 
      src="http://www.youtube.com/v/u1zgFlCw8Aw?version=3&playerapiid=YTplayer" 
      type="application/x-shockwave-flash" 
      allowfullscreen="true" 
      allowScriptAccess="always" 
      width="640" height="390" 
      id="YTplayer" /> 
</object>