[Feature Request] Vertical Videos

[MarcusCaeruleus]

Prerequisites

• [X ] I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• [X ] The feature is still missing in the latest stable version of Elementor ( Elementor Pro. )

What problem is your feature request going to solve? Please describe.
I am trying to insert a video that was shot vertically on a cell phone in to an Elementor page but am being frustrated by the fact that the only aspect ratios I can choose from seem to be landscape formats which crop a good chunk of the video.

Describe the solution you'd like
Please add custom aspect ratio option

Describe alternatives you've considered
Can't really think of any. This feels like a fairly simple issue to solve.

Additional context
I have a vertical video embedded on this page if you want to see how they behave without being able to select a proper aspect ratio.
https://www.manlaoriver.com/en/sister-manors/yirong-coffee-manor/?v=1c2903397d88

[shilo-ey]

Hi @MarcusCaeruleus

Currently, this feature is not supported, but we will look into it in the future if we see a large demand for it.

As for your request, you can currently apply this ratio with custom CSS.

Simply add this CSS code to your Video widget:

.elementor-aspect-ratio-32 .elementor-fit-aspect-ratio {
    padding-bottom: 180%;
}

Thanks for the feedback.

[PG248]

I'd too like to see a custom aspect ratio for videos. I often have video in other aspect ratio than standard 16:9 or 4:3.

[black-eye]

+1

[dbc1998]

pls add a custom aspect ratio option for video, ive just switched over to elementor and im missing this feature for my everyday work,

[endquote]

If the video widget worked by using oEmbed, you could support any aspect ratio without selecting it explicitly. https://oembed.com

[mauricev]

Why was this closed? It seems this issue is being ignored. Would the workaround work if one had multiple videos on a page?

[Gradivis]

+1 on this - video counts for 70% of web traffic and is increasingly being used instead of GIFS which are bulky and poor quality when optimised. Custom video ratios would be a huge bonus to Elementor and I suspect many more people would use it than those inclined to leave github comments :D

[olegzvg]

Please don't limit us to predefined aspect ratios, this is weird to see in 2023. There's no Instagram AR on the list, and why we can't show videos as is, why it has to fit in any of the predefined containers?

[frm1001xplrr]

+1

[binu-mobiux]

The padding based fix using the "elementor-fit-aspect-ratio" class doesn't work with the latest Elementor versions. You will have to use custom CSS like this for custom ratios (3.7 in this example is my video's ratio) now:

selector .elementor-wrapper {
    --video-aspect-ratio: 3.7 !important;
}

[frm1001xplrr]

This Custom CSS is better because you just enter the video aspect in pixels, and it handles both the wrapper, the video element and the occasional 1px black outline bug.

Put this in the Custom CSS section of the Video element:

selector video {
    aspect-ratio: 1920  / 1080 !important;
    height: auto;
}

selector .elementor-wrapper {
    aspect-ratio: unset;
}

Put this in Appearence -> Customize -> Additional CSS :

.elementor-widget-video .e-hosted-video .elementor-video {
	outline: auto;
}