JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <video id="video" width="560" height="320" onclick="play();">
        <source type="video/webm" src="https://www.html5rocks.com/en/tutorials/video/basics/devstories.webm" />
    </video>
    <div id="form">
        <p>I am over the video</p>
        <form>
            <label for="input">Form Input Label</label>
            <input id="input" name="input" value="" />
            <button type="submit">Submit</button>
        </form>            
    </div>
</div>

CSS

#wrapper {
    position: relative;
}
#wrapper div, #wrapper video {
    position: absolute;
    top: 0;
}