Full Window (Height + Width) Video Banner

I'd like specific pages to have a full-screen landing video section. I want this video (or photo in other cases) to fill the entire window of the user. So regardless of the window size the video/photo will adjust so that the first section fills the entire screen (width and height). 

What code injection would I use for this and would I put it in the page header code injection or the design custom CSS setting?

Can you share link to page where you use video banner? We can check easier

Following! But with the question of how to adjust the width of my background video to be aligned "inset" with all of my other blocks. Any thoughts, @tuanphan? Thank you! 

5 hours ago, AIHMN said:

Following! But with the question of how to adjust the width of my background video to be aligned "inset" with all of my other blocks. Any thoughts, @tuanphan? Thank you! 

Can you share link to page in screenshot? We can check easier

@tuanphan https://walrus-lynx-ysfj.squarespace.com/

Click: Work -- Water

14 hours ago, AIHMN said:

@tuanphan https://walrus-lynx-ysfj.squarespace.com/

Click: Work -- Water

 

Your site is private. Can you setup password & share url again?

Easy.

1) Add a section.

2) Add a video background with Full-bleed (not inset)

3) For section height choose L. 

Then it will be full-width and the height will be browser height. 

P.S For making full-width blocks you can try this plugin. 

(However in this case when you need a full-height and full-width section the built-in features should do it.