JSFiddle - React, Tailwind, and code Playground

by apaul34208

HTML

<div id="videos">
    <div class="video_wrapper">
        <video class="video" autoplay src="http://techslides.com/demos/sample-videos/small.mp4"></video>
    </div>
    <div class="video_wrapper">
        <video class="video" autoplay src="http://techslides.com/demos/sample-videos/small.mp4"></video>
    </div>
</div>

CSS

body, html {
    height: 100%;
}
#videos {
    position: relative;
    height: 30%;
    background-color: rgba(0, 0, 0, 0.8);
}
.video_wrapper {
    height: 100%;
    border:1px solid red;
    display: inline-flex;
}
.video {
    max-height:100%;
    width: auto;
}