JSFiddle - React, Tailwind, and code Playground

by Petko Bossakov

HTML

<script src="https://www.youtube.com/iframe_api"></script>
<div id="player"></div>

JavaScript

var player;
function onYouTubeIframeAPIReady() {
	player = new YT.Player('player', {
		height: '390',
		width: '640',
		videoId: 'Bpu0TIXzI1w',
		events: {
			'onReady': onPlayerReady,
			'onStateChange': onPlayerStateChange
		}
	});
}
function onPlayerReady(event) {
	loopStart();
	player.playVideo();
}
function loopStart() {
	player.seekTo(7);	// Start at 7 seconds
}
function onPlayerStateChange(event) {
	if (event.data == YT.PlayerState.PLAYING) {
		setTimeout(loopStart, 5000); // After 5 seconds, restart the loop
	}
}