JSFiddle - React, Tailwind, and code Playground

by Vince

HTML

<div class="cover">
  <video id="videobg" autoplay="" loop="" muted="" poster="https://web.cdn.crystalfunds.com/public-web/_landing_pages/find-your-hedge/images/22/vista-flagship-fund-video-poster.jpg" playsinline="">
              <source src="https://web.cdn.crystalfunds.com/public-web/_landing_pages/find-your-hedge/images/22/vista-flagship-fund-video.webm" type="video/webm">
              <source src="https://web.cdn.crystalfunds.com/public-web/_landing_pages/find-your-hedge/images/22/vista-flagship-fund-video.mp4" type="video/mp4">
            </video>
</div>

SASS

.cover 
  width: 100%
  height: 100%
  overflow: hidden
  display: flex
  align-items: center
  justify-content: center
  video 
    object-fit: cover
    object-position: 50% 50%