JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <video id="video" controls="controls">
        <source type="video/mp4"
            src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" />
    </video>
</div>

CSS

.wrap
{
    position:relative;
    background:red;
}
#video
{
    width:90%;
    height:auto;
    position:relative;
    top:0;
    left:0;
    z-index:1;
}

JavaScript

var width = $(window).width(); 
$(".wrap").width(width);
var height = $(window).height(); 
$(".wrap").height(height);
window.onresize = function() {
    var width = $(window).width(); 
    $(".wrap").width(width);
    var height = $(window).height(); 
    $(".wrap").height(height);
}