JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
                 <div class="goover"></div>
                 <video width="400" controls>
                   <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
                   Your browser does not support HTML5 video.
                 </video>

               </div>

CSS

.test{ position:relative}
.goover{    position: absolute;
  background: #ff0000;
  top:0;
  bottom:0;
  left:0;
  /*right:0px*/
width:400px;
  z-index:5;
  }