how can i catch an event on playback start ?

[adam-jones-net]

I've tried using the example code to check the state, ie

var player =jQuery("#myvideodiv").data("ytPlayer").player;
player.addEventListener("onStateChange", function(data){
console.log("Player State Change", data);
});

but the player variable is a null so any reference to this results in a JS error

[coudrak]

Need a callback.
Look at this example:

 $('#background-video').YTPlayer({
    fitToBackground: true,
    videoId: 'Fk9EBOOAYiU',
    pauseOnScroll: true,
    callback: function() {
      videoCallbackEvents();
    }
  });

  
  var videoCallbackEvents = function() {
    var player = $('#background-video').data('ytPlayer').player;
  
    player.addEventListener('onStateChange', function(event){
        console.log("Player State Change", event);
        // OnStateChange Data
        if (event.data === 0) {          
            console.log('video ended');
        }
        else if (event.data === 2) {          
          console.log('paused');
        }
    });
  }