JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://youtube.com/iframe_api"></script>
<div class="embed-container2">
  <div class="video-placeholder2">
    &nbsp;
  </div>
</div>
<br>
<br>
<div class="embed-container">
  <div class="video-placeholder">
    &nbsp;
  </div>
</div>

CSS

html {
  width: 500px;
}

.embed-container,
.embed-container2 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container2 iframe,
.embed-container object,
.embed-container2 object,
.embed-container embed,
.embed-container2 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

JavaScript

var player2;

    function onYouTubeIframeAPIReady() {
      player2 = new YT.Player("video-placeholder2", {
        width: 1920,
        height: 1080,
        videoId: "iM_KMYulI_s",
        playerVars: {
          modestbranding: 1,
          rel: 0
        },
        events: {
          onReady: initialize
        }
      });
    }

    function initialize() {
      setPlaybackQuality(highres);
      loadVideoById(iM_KMYulI_s, parseInt(0), highres);
      setPlaybackRate(2);
    }

    var player;

    function onYouTubeIframeAPIReady() {
      player = new YT.Player("video-placeholder", {
        width: 1920,
        height: 1080,
        videoId: "iM_KMYulI_s",
        playerVars: {
          modestbranding: 1,
          rel: 0
        },
        events: {
          onReady: initialize
        }
      });
    }

    function initialize() {
      setPlaybackQuality(highres);
      loadVideoById(iM_KMYulI_s, parseInt(0), highres);
      setPlaybackRate(2);
    }