3:4 Videos get chopped

[eplateau]

The original video to be uploaded:
https://www.dropbox.com/scl/fi/4b8aohg6zj2flqhqto1b9/Web-D-15.mp4?rlkey=lzbcnw1b3eyna4br18xlmfa37&dl=0

The result:
https://www.dropbox.com/s/4ywrd7cbvxr88fq/Screen Recording 2024-03-03 at 16.04.13.mov?dl=0

I remember something happened previously with the 9:16, and got sorted with this line of code:

.type-elementgrid .html5video .ph{
padding-bottom: calc(16 / 9 * 100%)!important;
}

.portrait .ph{

padding-bottom: 177.77777777%!important;
}

[arminunruh]

sometimes, it happens very rarely, wordpress just doesn't recognize the correct dimensions of videos.

In the gridder, right click on the video-element and choose "set html class and id". For "html class" enter:
autosize-video

Enter the custom css in "lay options" -> "custom css & html":

.autosize-video video{
    position: relative;
}
.autosize-video .ph{
    padding-bottom: 0!important;
}

[eplateau]

Nada. Same thing... :S

https://eduardogi.com/luke-pina

[arminunruh]

oh

try this:

.autosize-video video{
    position: relative;
}
.autosize-video .ph{
    padding-bottom: 0!important;
}
.autosize-video video{
aspect-ratio: auto!important;
}

[eplateau]

winner. Thanks!... I wonder if we could fix it too on the carousel like this one: https://eduardogi.com/king-khamilion/

[arminunruh]

can u maybe just like export the video in a different size or format or sth using the app handbrake for example and see if wordpress can then recognize the size correctly?

[eplateau]

I did indeed. But seems to be the view port or something like that... I can live without it tho... but yep. it is a thing.

[arminunruh]

yea for the carousel its s a little difficult to make this work mmh

[arminunruh]

Hey i know this is an old post, but i created a way to fix this now.
You can read about it here:

http://laythemeforum.com:4567/topic/10701/mobile-videos-are-forced-1x1/4