JSFiddle - React, Tailwind, and code Playground

by blineberry

HTML

<div id="overlay" width="400"></div>

JavaScript

var overlay = $('#overlay');

var player;
function onYouTubeIframeAPIReady() {
            player = new YT.Player('overlay', {
                width: 400,
                height: 400,
                videoId: 'g9Pl3HTxeDw',
                playerVars: {
                    rel: 0, // No related videos at the end
                    //html5: 1, // Use HTML5 player if at all possible
                    showinfo: 0 // Remove info bar
                },
                events: {
                    'onReady': function(onReady) {
                        switch(window.navigator.platform) {
                                case 'MacIntel':
                                case 'Win32':
                                    onReady.target.playVideo();
                                    break;
                                default:
                                    break;
                            }                                                
                    }
                }
            });
        }  


var tag = document.createElement('script');

            tag.src = "https://www.youtube.com/iframe_api";
            var firstScriptTag = document.getElementsByTagName('script')[0];
            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);