JSFiddle - React, Tailwind, and code Playground

by wasikuss

HTML

<iframe id="player" width="560" height="315" src="https://www.youtube.com/embed/iejOAPyooXs?wmode=transparent&enablejsapi=1" frameborder="0" allowfullscreen></iframe>

JavaScript

var script = document.createElement('script');
script.src = '//www.youtube.com/iframe_api';
script.type = 'text/javascript';
var head = document.getElementsByTagName('head')[0];
head.appendChild( script );

function onYouTubeIframeAPIReady()
{
    new YT.Player('player',
    {
        events:
        {
            'onReady': onPlayerReady
        }
    });
}

function onPlayerReady( event )
{
    setTimeout( ( function( _event )
    {
        return function()
        {
            if(  _event.target.getPlayerState() == 5 )
                _event.target.playVideo();
        }
    } )( event ), 20000 );
  }