JSFiddle - React, Tailwind, and code Playground

by Kai_Draord

HTML

<div class="container">
  <iframe width="100%" height="500" src="https://www.youtube.com/embed/v8ByVEM-e0g?rel=0" frameborder="0" allowfullscreen class="video"></iframe>
  <iframe width="100%" height="500" src="https://www.youtube.com/embed/XbbXJrVr8wI?rel=0" frameborder="0" allowfullscreen class="video"></iframe>
  <iframe width="100%" height="500" src="https://www.youtube.com/embed/sYlKvR0j5fk?rel=0" frameborder="0" allowfullscreen></iframe>
  <iframe width="100%" height="auto" src="https://ru.wikipedia.org/wiki/%D0%92%D0%BE%D0%B4%D0%BE%D1%80%D0%BE%D0%B4" />
</div>

CSS

#container {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.video {
  position: relative;
  width: 100%;
  height: 400px;
}