JSFiddle - React, Tailwind, and code Playground

HTML

<div class="small-wrapper">
  <div id="wrapperOne">
    <video id="videoOne" src="https://www.w3schools.com/html/mov_bbb.mp4" muted></video>
  </div>
</div>

CSS

body {
  margin: 0 0 0 0;
  overflow: hidden;
}

div.small-wrapper {
  background-color: green;
  position: absolute;
}

div#wrapperOne {
  display: flex;
  background-color: #0c0c0c;
  }

#videoOne {
  /* Fit video*/
  width: 100%;
  height: 100%;
  border: 1px solid cyan;
}
#video::before, #video::after {
  margin: 0;
  padding: 0;
}