Youtube javascript api onStateChange doesn't always work

Question

As you can see on my site http://www2.outofscopes.com/test/index.html

I'm trying to make the youtube API inform me of any event that is in onStateChange by alerting it. using the function below:

function onYouTubePlayerAPIReady() {
  player = new YT.Player('player', {
    videoId: '-cSFPIwMEq4',
    events: {
      'onStateChange': function (event) {

        alert(event.data);
      }
    }
  });
}

But both in chrome and firefox(mostly firefox), it alerts only sometimes when reloading the page.

Why would that happen?

not sure, but i think before set the function, you need to wait until frame load. — siniradam
– siniradam, Commented May 18, 2012 at 20:09

siniradam · Accepted Answer · 2012-05-18 20:20:08Z

1

You may try this. http://jsfiddle.net/NrHdq/

        <iframe src="http://www.youtube.com/embed/-cSFPIwMEq4" onload="floaded()" title="YouTube video player" id="player" allowfullscreen="" frameborder="0" height="400" width="900"></iframe>

<script>
    //onYouTubePlayerAPIReady
    function floaded() {
        player = new YT.Player('player', {
            videoId: '-cSFPIwMEq4',
            events: {
                'onStateChange': function (event) {

                    alert(event.data);
                }
            }
        });
    }

</script>

</body>

answered May 18, 2012 at 20:20

siniradam

2,92930 silver badges43 bronze badges

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

Collectives™ on Stack Overflow

Youtube javascript api onStateChange doesn't always work

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related