Remove White Space (Padding?) Under Native Video

Hello! I need to remove the white space under the video player. When I hover over the video that's where the UI controls are. See screenshots. I would like to remove this space for all native videos that I add to the site. The top "image" is the video in these screenshots.

49 minutes ago, quarterpastcait said:

Hello! I need to remove the white space under the video player. When I hover over the video that's where the UI controls are. See screenshots. I would like to remove this space for all native videos that I add to the site. The top "image" is the video in these screenshots.

Can you share your URL here so we can check it?

@HoaLThttps://www.rambacher.me/summerbytitos/ password is: herewego

Thank you!!

Also the three videos at the bottom of the page appear to have space around them as well that I would like to remove.

20 hours ago, quarterpastcait said:

Hello! I need to remove the white space under the video player. When I hover over the video that's where the UI controls are. See screenshots. I would like to remove this space for all native videos that I add to the site. The top "image" is the video in these screenshots.

Try the following custom css

#block-yui_3_17_2_1_1721191854891_4875 .embed-block-wrapper,
#block-yui_3_17_2_1_1721233588957_4943 .embed-block-wrapper,
#block-yui_3_17_2_1_1721233588957_27811 .embed-block-wrapper, 
#block-yui_3_17_2_1_1721233588957_7595 .embed-block-wrapper{
  padding-bottom: 0 !important;
}
#block-yui_3_17_2_1_1721233588957_4943,
#block-yui_3_17_2_1_1721233588957_27811, 
#block-yui_3_17_2_1_1721233588957_7595{
  padding: 0;
}

I can see the gap on your first video. Please check its ratio to remove it

Hi @HoaLTThank you for the response! I added the custom css, doesn't seem to be working on the top video but it fixed the bottom ones. Yay!!!

I see what you mean about the ratio and the UI of the video player overlaying the container but the video doesn't stretch down that far. Is there something else I should change on my end? 

Here is the aspect ratio (I just took a screenshot and brought it into Photoshop--if there is a better method to find the AR let me know!).

This video seems to have the wrong aspect ratio (I check that it is 1.9666). Squarespace recommends uploading videos with 16:9 ratio. See here

You can use the following CSS to fix it:

#block-yui_3_17_2_1_1721191854891_4875 .video-player .plyr video {
  object-fit: cover;
}

Thank you! The spaces between the videos are still happening on mobile. Any ideas?
 

Also, same spacing issues between content on this page (same password):
https://www.rambacher.me/bic-write-with-might/ 

I think the spacing issues are with images on the link above, not videos?