Full Screen Stretched Video Background in Limited Width Div

This is a follow up of the last post where I discussed the ways to place a full-width section in the middle of a limited width div. As per client demand and for the love of CSS, I had to make some addition to the feature. Now in this post, I am going to share my way of adding a video background with full stretched width of the screen in a limited width div.  

When I was looking for this solution, I had a very hard time to make people understand the goal I wanted to achieve. So, created the image above for reference (didn’t work very well either). Without further delay let’s get to the codes.

Let me know in the comments if you have a better solution or want to say hi! 🙂

Last Updated: June 7, 2020