9:16 Video thumbnails cropped square

[yelmarb]

Hey Armin,

I'm wanting to add 9:16 video thumbnails to my site but they're being automatically cropped to a 1:1 or square format.

In the gridder, they display as 9:16 but on the website, they're cropped square.

9:16 video is huge now as almost all social media videos are shot in a 9:16 format.

Could you please fix this bug?

Thank you!!!!

Screenshot 2023-08-30 213638.jpg

[arminunruh]

hey there!

this seems to be an issue happening again and again and i think its a wordpress issue, sometimes wordpress doesn't read out the dimensions of a video correctly

can u post the link?

[yelmarb]

@arminunruh Hey Armin, thank you so much for the speedy reply!

Here's a screen grab of the 9:16 video in the gridder:

I'm not sure if this is a bug in WordPress because you can see that the frame is square in the gridder. When the video is published, it fills this square area. https://www.markbramley.com/9-16-bug

If it is a bug in WordPress, is there any CSS code that I could implement to work around this issue?

[arminunruh]

yea just looking at the code i can see:
width 1080px and height 1080px

so wordpress reads out a wrong dimension

you could add a class:
portrait

(in the gridder right click the element and click "set html class and id")

then in lay options → custom css & html → custom css:

.portrait .ph{
padding-bottom: 177.77777777%!important;
}

lmk if that worked

you could also try and somehow export the video differently, maybe use handbrake (free video app)

[yelmarb]

@arminunruh said in 9:16 Video thumbnails cropped square:

.portrait .ph{
padding-bottom: 177.77777777%!important;
}

Hey Armin,

That has indeed worked, thank you very much!

Just one thing though, and that is that the gridder will not allow the video thumbnail to be anything but square (when it's a 9:16 video). Is that a WordPress issue? Would be great if they can sort that out if so.

Thanks again!

[arminunruh]

@yelmarb said in 9:16 Video thumbnails cropped square:

Just one thing though, and that is that the gridder will not allow the video thumbnail to be anything but square (when it's a 9:16 video). Is that a WordPress issue? Would be great if they can sort that out if so.

yes

yea thats just a fix for the frontend