JSFiddle - React, Tailwind, and code Playground
HTML
<div id="elem"></div>
JavaScript
window.onYouTubeIframeAPIReady = function () {
// Initialize player
var player = new YT.Player(document.getElementById('elem'), {
videoId: 'ylLzyHk54Z0',
events: {
'onReady': function (event) {
event.target.playVideo();
setTimeout(function () {event.target.cueVideoById('HTr778JctJE');}, 2000);
},
'onStateChange': function (e) {
console.log('onStateChange to state: ' + e.data);
}
}
});
};
// load YouTube IFrame API asynchronously
var tag = document.createElement("script");
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName("script")[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);