JSFiddle - React, Tailwind, and code Playground

by jlmcdonald

HTML

<iframe id="ytplayer" type="text/html" width="640" height="390" src="https://www.youtube.com/embed/ltor35YyE9o?enablejsapi=1" frameborder="0"></iframe>

JavaScript

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;
function onYouTubeIframeAPIReady() {
   player = new YT.Player("ytplayer", {
    events: {
      'onStateChange': onPlayerStateChange
    }
  });
}

function onPlayerStateChange(event) {
  alert (event.data);
}