Resizing video to fit the screen

I have a video that automatically plays on my homepage, but the bottom of the video appears below the frame so that I have to scroll down to see the bottom of the video.

How can I make the video's section automatically resize to fit within the screen for whichever screen size it's being viewed on? 

Any help would be greatly appreciated. 

Hi,

Can you share link to homepage?

On 6/23/2023 at 7:23 PM, tuanphan said:

Hi,

Can you share link to homepage?

https://www.damienbabington.com/

Here it is. I entered the URL when I opened the discussion, so I don't know why they don't include it. 

On 6/27/2023 at 5:27 PM, tuanphan said:

Try adding to Design > Custom CSS

[data-section-id="648d6205bebe087d131d99e8"] {
    min-height: unset !important;
    height: 100vh !important;
}

 

I replaced the block's video with a new video, and it reset the design of the block, so now this is no longer working. The video extends below the size of the screen, and there's a gap between the top of the video and the top of the screen.

This is what I have in CSS:

[data-section-id="648d6205bebe087d131d99e8"] {
    padding-top: 0px !important;
}

[data-section-id="648d6205bebe087d131d99e8"] {
    min-height: unset !important;
    height: 100vh !important;
}

#collection-6364ae99de39e2421280eac5 #header {
  position: fixed !important;
  z-index: 1000;
}

On 7/6/2023 at 7:44 AM, DameTheStoic said:

I replaced the block's video with a new video, and it reset the design of the block, so now this is no longer working. The video extends below the size of the screen, and there's a gap between the top of the video and the top of the screen.

This is what I have in CSS:

[data-section-id="648d6205bebe087d131d99e8"] {
    padding-top: 0px !important;
}

[data-section-id="648d6205bebe087d131d99e8"] {
    min-height: unset !important;
    height: 100vh !important;
}

#collection-6364ae99de39e2421280eac5 #header {
  position: fixed !important;
  z-index: 1000;
}

 

I don't see gap in top of video. You mean this black gap?

7 hours ago, tuanphan said:

I don't see gap in top of video. You mean this black gap?

This gap in the image below. And the bottom of the video extends below the size of the screen. 

It is fine to me. See video

https://www.loom.com/share/f24635e228824de6982f14266f66a22d

That's very strange because mine still shows the black gap at the top, and the bottom of the video extends beyond the screen height even though it's set to 100vh.

https://www.loom.com/share/1274151cebb2492ea037094fc09f8437

20 hours ago, tuanphan said:

It is fine to me. See video

https://www.loom.com/share/f24635e228824de6982f14266f66a22d

I'm not sure why it's appearing differently on my Windows PC, but I just checked on my Macbook, and it looks correct on there, so I guess I won't worry about it. 

When you get a chance, could you check this issue as well, please? 

https://forum.squarespace.com/topic/190090-creating-dropdown-menu-without-a-folder/#comment-64272