JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://www.elmariachimexican.com" target="_blank"> 
    <div style="position:absolute;width:273px;height:400px"></div>
    <div id="player"></div> 
</a>
<script>      

  var tag = document.createElement('script');
  tag.src = "http://www.youtube.com/player_api";

  document.getElementById("player").appendChild(tag);

  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
      playerVars: { 'autoplay': 1, 'controls': 1, 'modestbranding':1, 'autohide':1,'wmode':'opaque', 'rel':0, 'showinfo':0},
      videoId: 'mO03zQQ8XIo',
      events: {
        'onReady': onPlayerReady}
    });
    player.h.onlick = function(e) {
    console.log("asd");
  }
    console.log(player);
  }
  function onPlayerReady(event) {
    event.target.mute();
  }
  
  </script>

CSS

#player {
    margin: auto;
    width: 400px;
    height: 273px;
}
.playerclick{
    target-name:new;
    target-new:tab;
}