Custom aspect ratio for videos

[mhasanmeet]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• 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.

When working with videos, the common aspect ratio that is given by elementor is not fulfilled my requirements, It needs custom aspect ratio input values. Something like this,

Describe the solution you'd like

It will be great if Elementor gives us freedom and let us choose our own aspect ratio for videos. It is preferable and can meet the requirements.

Describe alternatives you've considered

No response

Additional context

No response

[namealreadytaken2]

+1

[da-ikuki]

+1
Any idea for css solution for the moment?
Thanks! ;)

[da-ikuki]

I've just found this :
.elementor-wrapper {--video-aspect-ratio: 30.1 !important;
}
Here, 30.1 is my custom ratio. You can change it for your own needs.

Warning : this works for me, but there's an alert in Elementor custom CSS window : "Expected RBRACE at line 1, col 21. Rule is empty."... I'm not a CSS pro and I can't find where RBRACE is missing... Use this carefully and at your own risk. 😅 And please, don't hesitate to put the finishing touch to this CSS if you have any idea for improving.

Thanks!

[secondsky]

indeed this is an absolute must to implement.
I have no clue who at elementors team did this nonsense with fixed aspect ratios. What about video banners? or whatever else?
And the worst, it ignores custom CSS ID/classes and can only overridden if every single time the specific widget name is found through inspector. the above solution with wrapper can only be used if all the videos on a page should have the same aspect ratio, but if you use a video banner and the other widgets have a different aspect ratio, your screwed.