JSFiddle - React, Tailwind, and code Playground

by kouty79

HTML

<button id="play" style="width: 100px; height: 100px">
Play 1001
</button>
<button id="play999" style="width: 100px; height: 100px">
Play 999
</button><br>
<video id="video" src="https://phx-cdn-eu-central-1-prod.morphcast.com/93a8ba10-24ca-436d-8162-e6c252a6fe4e" playsinline muted width="400"></video>

JavaScript

function play() {
  console.log('play');
	document.querySelector('#video').play();
}

/* setTimeout(function() {
  play();
}, 5000); */


document.querySelector('#play').onclick = function() {
	setTimeout(play, 1001);	
}

document.querySelector('#play999').onclick = function() {
	setTimeout(play, 999);	
}