JSFiddle - React, Tailwind, and code Playground

by iwasrobbed

HTML

<body>
    <iframe id="player0" width="640" height="360" frameborder="0" src="http://www.youtube.com/embed/2ktsHhz_n2A" type="text/html"></iframe>
    
    <script>
        // YouTube Player API adapter
        $.getScript('http://www.youtube.com/player_api');
        
        function onYouTubePlayerAPIReady() {
            player0 = new YT.Player('player0', {
                events: {
                    'onReady': onPlayerReady
                }
            });
        }
        
        function onPlayerReady(event) {
            event.target.playVideo();
        }
    </script>
    
    <p><a onClick="player0.playVideo();" href="#">Play</a></p>
    <p><a onClick="player0.pauseVideo();" href="#">Pause</a></p>
</body>