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.

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

Below is an image of what I am trying to accomplish.

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.

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

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

[![enter image description here](https://i.stack.imgur.com/CN5Qg.jpg)](https://i.stack.imgur.com/CN5Qg.jpg)

[![enter image description here](https://i.stack.imgur.com/rPyzX.jpg)](https://i.stack.imgur.com/rPyzX.jpg)