Changing video aspect ratio to display at 1280x200 px (or equivalent aspect ratio)

I created a banner video that is 1280x200px. I want it to autoplay and loop. As the default layout for a video is a 16:9 format, it's got way too much vertical negative space at top and bottom.  I've seen plenty of tutorials on how to extend the video player to be taller (i.e., bump up the bottom padding in the CSS), I have not seen how to make the player SHORTER.

Pass is interactive4546 if you want to view. I did export this video as an animated gif and it looked like garbage. The video is just much cleaner. (It was created in Adobe animate and it's not totally done)

As you can see from screenshot, I want to eliminate all the rows above and below the actual video. Also, as long as I'm asking, I only want to apply this viewing rule to this particular video. The ID (I think) is yui_3_17_2_1_1701727301187_423. I have a hard time telling if the id tag ends in 420, 421, 422, or 423 as they are all part of the same section. (Any help there would be great too...)

TIA for your help!

Kerstin

Can you share your website URL and this page?

gerbil-perch-ly7f.squarespace.com

pass: interactive4546

THANK YOU! This worked like a charm 🙂

4 hours ago, kdiehn said:

THANK YOU! This worked like a charm 🙂

No problem, thanks for marking my post as the solution!

Hi there, I'm having the same issue. My video is more narrow than 16:9. Can you advise where I can add that CSS?

My site is: https://paddlefish-sturgeon-az7l.squarespace.com/config/pages

16 hours ago, Jaimesteiger said:

Hi there, I'm having the same issue. My video is more narrow than 16:9. Can you advise where I can add that CSS?

My site is: https://paddlefish-sturgeon-az7l.squarespace.com/config/pages

 

The site is private, you can follow this to share url correct way

My site is now public - jaimesteiger.com. I'd love to understand how remove the extra negative space that the site ads so I can have equal spacing between videos and other images.

On 5/10/2024 at 10:00 PM, Jaimesteiger said:

My site is now public - jaimesteiger.com. I'd love to understand how remove the extra negative space that the site ads so I can have equal spacing between videos and other images.

 

Which space are you referring to? I see space on above footer only