JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position: fixed; top: 0; width: 100%; height: 100%; z-index: -1;">
    <video id="video" controls="" preload="none" poster="http://media.w3.org/2010/05/sintel/poster.png" style="width:100%; height:100%">
      <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
      <source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm">
      <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
      <p>Your user agent does not support the HTML5 Video element.</p>
    </video>
</div>
<div class='content'>
    I'm content!! :D 
</div>

CSS

html, body { width:100%; height:100%; margin:0; padding:0; }
.content {
    margin-top:300px;
    background: black;
    color:white;
}