Youtube API js example

youtube-api-js.html

<iframe id="player" type="text/html" width="640" height="390"
  src="https://www.youtube.com/embed/8tEyAAniu5U?enablejsapi=1"
  frameborder="0"></iframe>
  <iframe id="player2" type="text/html" width="640" height="390"
  src="https://www.youtube.com/embed/pt8VYOfr8To?enablejsapi=1"
  frameborder="0"></iframe>
  
  
  
   <script>
      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
      var player;
	  var playe2;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          events: {
            'onStateChange': onPlayerStateChange
          }
        });
		player2 = new YT.Player('player2', {
          events: {
            'onStateChange': onPlayerStateChange
          }
        });
      }
      function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.PLAYING) {
          console.log('video is playing');
        }
		if (event.data == YT.PlayerState.PAUSED || event.data == YT.PlayerState.ENDED) {
          console.log('video paused or ended');
        }
      }
    </script>