JSFiddle - React, Tailwind, and code Playground

HTML

<iframe id="player" width="400" height="300" src="https://www.youtube.com/embed/j0pJekWgeFE" frameborder="0" allowfullscreen></iframe>

JavaScript

$(document).ready(function(){
	loadScript();
	$("a").each(function(){
          if ($(this).attr('href').indexOf('.pdf') > -1){
             $(this).click(function()
			 {
				_elq.trackOutboundLink(this);
			 });
          }
		});
	});
	
	function loadScript() {
		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('player', {
		events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
	  });
	  alert(player);
	}

	var done = false;
    function onPlayerStateChange(event) {
		  alert('state changed');
        if (event.data == YT.PlayerState.PLAYING && !done) {
          setTimeout(stopVideo, 3000);
          done = true;
        }
    }
	function stopVideo() {
		player.stopVideo();
	}
	function onPlayerReady(event) {
		event.target.playVideo();
	}