JSFiddle - React, Tailwind, and code Playground

by Brett Gaynor

HTML

<div class="wrapper">
   <video muted playsinline autoplay loop class="wrapper__video">
<source src="https://drive.google.com/uc?export=download&id=1dXY_jy3DIZnsvJD2qHNIijvxL-Icdtqs" 
type="video/ogg">
<source src="https://drive.google.com/uc?export=download&id=1evUKStmeX_lvK-POsaLT6_Xrynq3gnBo" 
type="video/webm">      
<source src="https://drive.google.com/uc?export=download&id=1ICmwXZAsJqbk-yzWK1toVSW6sTs2GKjU" 
type="video/mp4">
You're browser does not support HTML5 Video.
   </video>
</div>

CSS

*{
  margin: 0;
  padding: 0;
}

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

.wrapper .wrapper__video{
  object-fit: cover;
  width: 100%;
  height: 100%;
}