JSFiddle - React, Tailwind, and code Playground

by bhupendra negi

HTML

<div id="player-overlay">
    <video controls>
        <source src="http://techslides.com/demos/sample-videos/small.mp4" />

    </video>    
</div>

CSS

#player-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 999;
}

video {
  display: block;
  width: 100%;
  height: 100%;
}