JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<div id="banner">
    <video class="video" autoplay>
        <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4" />
    </video>
</div>

CSS

html,body {
    margin:0;
    height: 100%;
}

#banner {
    position:relative;
    height:710px;
    border: 5px solid tomato;
    overflow: hidden;
    max-height: 100%;
    box-sizing: border-box;
}

#banner .video {
    min-width: 100%; 
    min-height: 100%;   
}