JSFiddle - React, Tailwind, and code Playground

HTML

<div class="video-player">
    <video width="100%">
        <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" />
    </video>
    <h1>Test</h1>
</div>

CSS

.video-player {

    
-webkit-box-shadow: inset 0px 0px 36px 36px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 36px 36px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 36px 36px rgba(0,0,0,0.75);
    
}