CSS positioning/resizing html5 video background
<p>Hey all you wizards of the interwebs,
I've been pulling my hair out for the past couple of days trying to figure this one out.</p>

<p>I'm trying to include a fullscreen video background and it seems I have hit a snag.</p>

<p>Below is an image of what I am trying to accomplish.</p>

<p>I tried it with the video element as well as an iframe. I can't get the div below to always nest under, when the browser window is resized.</p>

<p>Any help or pointers are greatly appreciated. Closest I've gotten was with a min-width/height but it still leaves a gap...</p>

<p>What I end up with is what shws in the 2nd img. The video resizes with the browser and there's a gap below it</p>

<p><a href="https://i.stack.imgur.com/CN5Qg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CN5Qg.jpg" alt="enter image description here"></a></p>

<p><a href="https://i.stack.imgur.com/rPyzX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rPyzX.jpg" alt="enter image description here"></a></p>