JSFiddle - React, Tailwind, and code Playground

by kulikdesign

HTML

<script src="https://www.youtube.com/iframe_api"></script>
<iframe id="player" src="https://www.youtube.com/embed/DjB1OvEYMhY?enablejsapi=1"></iframe>
<h5>Record of user actions:</h5>

CSS

h5,p{
    margin:0px;
}

JavaScript

var player;

function onYouTubeIframeAPIReady() {
	player = new YT.Player('player', {
		events: {'onStateChange': onPlayerStateChange }
	});
}
function onPlayerStateChange(event) {
	switch(event.data) {
		case 0:
		player.mute();
      player.playVideo();
		break;	
	}
}