JSFiddle - React, Tailwind, and code Playground

HTML

<body>

  <main>
    <div class="video-player" id="player-1">
      <video controls>
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag.
      </video>
    </div>

    <div class="video-player" id="player-2">
      <video controls>
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag.
      </video>
    </div>

  </main>

</body>

CSS

main {
  margin: 0 auto;
  background: #CCC;
  width: 1000px
}

.video-player {
  float: left;
  width: 50%;
}

video {
  width: 100%;
  height: 200px;
}