JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">


  <div class="wrapper">




    <video src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/28831/Typer.mp4" loop></video>
  </div>

CSS

.wrapper {
      width:100vw;
      height: 100vh;
      overflow: hidden;
    }

    .wrapper video {
      object-fit: contain;
      width:100%;
      height:100%;
    }