JSFiddle - React, Tailwind, and code Playground

by ameen

HTML

<div id="video_bg">
    <video id="video_background" autoplay loop>   
        <source src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" type="video/webm" />
    </video> 
</div>

CSS

#video_background {
  position: absolute; 
  bottom: 0px; 
  right: 0px; 
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto; 
  z-index: -1000; 
  overflow: hidden;
}

@media only screen and (max-width: 960px) {
    #video_bg { display:none; }
    #video_background { display:none; }
}