Tagged: height, max height, styling, video, Youtube
Hello,
I’ve got two videos near the top of my multimedia page. They look fine as-is while browsing on mobile in portrait mode, but when browsing on a desktop, they are too big and tall—because they are videos in portrait aspect ratio.
I’d like to be able to adjust the hight of the video elements, or their containers, but I only see a place to specify a minimum height, not an absolute height or a max-height.
Solutions are most appreciated.
Hey Brad,
Thank you for the inquiry.
Have you tried adjusting aspect ratio of the image in the Styling > Video Format? Try to set a Custom Ratio to manually control the height of the video.
Best regards,
Ismael
for those videos – best would be to have as selector a custom class if you like.
the best Way is to enter the aspect ration values to the element itself.
To show you for that page – that it is possible: – the aspect ratio of your video is on that: 1500/844 = 1.78
.avia-video.av-7fxcr-5428f1f56eaafaaab4a35f67598764cf,
.avia-video.av-lt51yanl-0fcc2bc8059b72cc4fbc0bf7e143adfe {
padding-bottom: 178%;
}
that is what happens (calculation of that padding-bottom value) if you enter those correct ratios to the Element: