How do I get the reference to an existing YouTube player?

Question

I have a few qu

Answer 1

This can be done like the following.

Given a general YouTube embed source code:

a. Add a enablejsapi query param and set it to 1 in the src URL

b. Give it a unique id

c. Load YouTube iFrame API

d. Create a player that references the existing iFrame

var player;
function onYouTubeIframeAPIReady() {
  player = new YT.Player('youtube-video', {
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });
}

function onPlayerReady() {
  console.log("hey Im ready");
  //do whatever you want here. Like, player.playVideo();

}

function onPlayerStateChange() {
  console.log("my state changed");
}