JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <div class="video-container">
         <video controls="true" autoplay="autoplay" loop="loop" muted="muted" preload="auto">
            <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
            <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogv">
            Please upgrade your browser so that it supports HTML5 videos.
        </video>
    </div>
    <div class="text">TEXT HERE</div>
</div>

CSS

.content {
    position: relative;
}

.video-container {
    height: 100%;
    width: 100%;
}
video {
    height: auto;
    position: relative;
    min-height: 100%;
    min-width: 100%;
}
.text {
   background-color: #fff;
   position: absolute;
   left: 50%;
   bottom: 50%;
   z-index: 9;
}