JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>

    </head>
    <body>
<div id="bg">
    
<video id="home_video" class="video-js vjs-default-skin" autoplay="" preload="auto" loop="" widt="100%" height="100%"
            poster="http://video-js.zencoder.com/oceans-clip.jpg">
          <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4'/>
          <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm'/>
          <track kind=captions src="/video-js/captions.vtt" srclang=en label=English />
        </video>


</div>
<div id="fg">
    <p>Esto es un div con un p, situado adelante de un video de fondo. Uno de los problemas que vas a enfrentar es el tamaño del video. Fijate como en este caso genera scroll, porque al ser 16:9, si contamos con un alto importante a llenar es posible que lo genere.</p>
    <div id="lipsum">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lacinia odio et nibh dignissim ut placerat lacus commodo. Ut sodales felis condimentum enim condimentum luctus. Quisque leo magna, placerat at placerat et, dapibus sed leo. Maecenas luctus lorem bibendum mauris laoreet luctus. Aenean volutpat erat sit amet dui tempor dignissim. Sed quis augue massa, in faucibus nulla. Aliquam laoreet pretium arcu, eu commodo neque porttitor commodo. Vivamus consequat turpis vel sem cursus facilisis. Phasellus velit dolor, condimentum non vulputate quis, suscipit sit amet est.
</p>
<p>
Pellentesque ultricies tincidunt leo facilisis ullamcorper. Vivamus eget lacus a nulla suscipit porta. Aenean at lorem id nisl vehicula pharetra non at sapien. Aliquam eget dolor erat. Donec blandit sagittis malesuada. Vestibulum ante orci, pharetra ut eleifend congue, ornare ac massa. Fusce viverra neque in erat posuere porttitor at sed ligula. Aliquam non mauris ligula.
</p>
<p>
Nam ante magna, venenatis id interdum...

CSS

html, body, #bg, #fg {
    width:100%;
    height:100%;
    position:relative;
    top:0;
    left:0;
    margin:0;
    padding:0;
}
html, body, #bg {
    z-index:0;
}
 #fg {
    z-index:100;
    color:white;
    position:absolute;
}

JavaScript

var myPlayer = document.getElementById("home_video");

myPlayer.play();