JSFiddle - React, Tailwind, and code Playground

by Jim_Toth

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cssgram/0.1.10/cssgram.min.css">
<div class="wrapper ">
   <video autoplay loop muted class="wrapper__video">
      <source src="//vimeo-hp-videos.global.ssl.fastly.net/3/3.mp4">
   </video>
   <div>
hello world
</div>
</div>

CSS

/* Reset */
*{
  margin: 0;
  paddding: 0;
}

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

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