Video aspect ratio code not working

Hello,

I'm trying to change the aspect ratio of an uploaded video to a square. I've found several snippets of code from others trying to accomplish something simple, but none of them seem to work. They all either simply make the video smaller or just add a whole ton of padding above or below the video—the aspect ratio stays the same. Here's an example of a couple of the codes I tried:

#block-156fd3188f8821e785a1.video-block .video-player{
padding-bottom:120%
}

#block-156fd3188f8821e785a1 .sqs-native-video .native-video-player {
    padding-top: 15.625%;
}

The percents are random, just trying to test how to actually crop the video instead of resize.

Site PW is 'financial'

Thank you for any insight or tips.

Hi please share website url and where the video is located so the community can check and see how to help you?

The website is https://harmonica-contrabass-a9z5.squarespace.com/

Password is financial

On 12/17/2023 at 3:04 PM, john-1988 said:

I'm trying to change the aspect ratio of an uploaded video to a square. 

Hi, do you want to:

1) squish your video to fit a square?

2) crop your video to fit a square?

On 12/17/2023 at 3:04 PM, john-1988 said:

They all either simply make the video smaller or just add a whole ton of padding above or below the video—the aspect ratio stays the same.

Do you want to keep the aspect ratio of your video? If not, it will look distorted.

Edit: probably best if you crop your video to a square before uploading? The code snippets you've tried above are to modify how much space a video block takes up, rather than editing a video.

Yes, looking to crop the video into a square. So if the video is natively square, that's how it'll display without black bars on each side? I will give it a shot!