JSFiddle - React, Tailwind, and code Playground

by Dogbert

HTML

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

JavaScript

var player;

function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    width: '640',
    videoId: 'bHQqvYy5KYo',
    events: {
      'onReady': onPlayerReady,
    }
  });
}

var done = false;

function onPlayerReady(event) {
  event.target.playVideo();
  setInterval(() => {
    if (!done && player.getCurrentTime() > 15) {
      alert('15 seconds have passed!');
      done = true;
    }
  })
}