JSFiddle - React, Tailwind, and code Playground

by egkostin

HTML

<div class="video-container">
  <div class="youtube-video">
    <iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/VaX9irsv6q8?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  </div>
</div>

CSS

.video-container {
	background:#999;
	padding:20px;
	margin-top:20px;
}
.youtube-video {
  padding:56.25% 0 0 0;
  position:relative;
}