JSFiddle - React, Tailwind, and code Playground

by jonahe

HTML

<div class="container">
  <section>
    <article>
      <video src="https://www.w3schools.com/html/mov_bbb.mp4"></video>
      <div class="controls">
        <button>
          Test
        </button>
      </div>
    </article>
  </section>
</div>

CSS

section {
}

article {
  position: absolute;
  background: green;
  border: 2px solid red;
}

video {
  position: relative;
  top: 0;
  left: 0;
  width: 90vw;
  height: auto;
}

.controls {
  top: 50%;
  left: 50%;
  position: abosolute;
}