JSFiddle - React, Tailwind, and code Playground

HTML

<div id="playerContainer">
  <OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" 
    codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" 
    width="320" 
    height="240" 
    id="vlc" events="True"> 
        <param name="Src" value="path/to/file.avi" /> 
    <param name="ShowDisplay" value="True" /> 
    <param name="AutoLoop" value="False" /> 
    <param name="AutoPlay" value="True" /> 
        <param name="wmode" value="transparent" />
    <EMBED id="vlc4" pluginspage="http://www.videolan.org" 
        type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2" 
        width="320" 
        height="240" 
        autoplay="yes" 
        loop="no" 
        target="path/to/file.avi" 
        name="vlc" 
        wmode="transparent" > 
    </EMBED>
        </object>
     <div id="outlinedBox"></div>
</div>

CSS

#playerContainer {
    position:absolute
}
#vlc4 {
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
}
#outlinedBox {
    background-color:blue;
    position:absolute;
    z-index:2;
    left:50px;
    top:100px;
    border:5px solid red;
    width:500px;
    height:100px;
}