JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    
    <div><img class='myBg' src="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png" alt="" /><video controls width="100%" height="100%"  poster="data:image/gif,AAAA" style="">
                <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" />
                <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" />
                <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" />
    </video></div>
    
</body>

CSS

div { position:relative; }
video{
   
    outline:1px solid red;
}

img.myBg{
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
}
/*For better visibility*/
body{margin:10px}