How do I embed a Vimeo video that was filmed in portrait orientation correctly?

[JGWeiland (Juergen Weiland)]

Hi guys. I am trying to place a vertical video from video inside the video component. I can adjust the aspect ratio inside the video component, but no matter what I try, the video does not fill the Frame and appears tiny. I attach 2 images, one with a cat image, showing how the video size should actually be, one where the video plays and appears far too small. Any suggestions how to fix this? Thanks a lot.

[JGWeiland (Juergen Weiland)]

Any suggestions how to fix this are welcome. Thank you!

[PMUK (Paul Moore)]

Jurgen its always good to put a tag in when need ing help as it may get dealt with quicker. @dan @ben may help.

[dan]

@JGWeiland can you share a sample project displaying the issue with the video via Element Cloud ?

[JGWeiland (Juergen Weiland)]

Sure, this is the link where the video is embedded: Thanks you! (as the issue is solved, I have removed the link to the project now)

[Fuellemann (Jan Fuellemann)]

I have the same issue and needed to develop a custom component for this. @dan it would be great if the video component could support these portrait mode videos and the poster images to be properly displayed.

[differentdan (Daniel)]

In the interim, could you just fix it like this? (since you are already applying a video-vertical class to that video component).

.video-vertical .h-auto {
    height: 100%;
}

[JGWeiland (Juergen Weiland)]

Super! Your code did the trick :)) and it’s working, thanks a lot!