YouTube Javascript API onstateChange event problems

Question

My javascript:

function onYouTubePlayerReady()
{
  playerObj = document.getElementById("player_embed");
  playerObj.addEventListener("onStateChange", test);

  // Make sure the document is loaded before any DOM-manipulation
  $(document).ready(function() {

      // Update player information every 500ms
      setInterval(updatePlayerInfo, 500);

  });
}

function test(newState)
{
    alert(newState);
}

My videos are loaded correctly and I can control fine them through my javascript. However the onStateChange event never seems to trigger. It never comes up with an alert when I'm playing/stopping/pausing videos etc. Anyone with a solution/similar problem?

BenV · Accepted Answer · 2011-01-27 04:34:09Z

4

You must pass the function name as a string to addEventListener.

playerObj.addEventListener("onStateChange", "test");

edited Jan 27, 2011 at 4:34

BenV

12.5k13 gold badges68 silver badges96 bronze badges

answered Jan 27, 2011 at 4:03

leebriggs

3,2571 gold badge22 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Stergios Zg. · Accepted Answer · 2013-09-19 22:57:29Z

0

This format is for JQuery but the logic is same, create a function inside onYouTubePlayerReady to pass the playerId

$(document).ready(function() {              
    onYouTubePlayerReady = function(playerId) {
        eventHandler=function(state){onStateChangeID(state,playerId);}
        playerObj = document.getElementById("player_embed");
        playerObj.addEventListener('onStateChange','eventHandler',false);
    }
    onStateChangeID=function(newState,playerId) {
        console.log("onStateChange: ("+playerId+") " + newState);
    }
});

edited Sep 19, 2013 at 22:57

answered Sep 19, 2013 at 22:51

Stergios Zg.

6746 silver badges9 bronze badges

Collectives™ on Stack Overflow

YouTube Javascript API onstateChange event problems

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related