[KiljanParticipant]

Hello. Im using the shortcode Video Embedd.
I have a video file (hosted on vimeo) with the aspect ratio 2,35:1
Now if I choose any of the presented aspect ratios I get black bars around my video.

How can I change the aspect ratio?
I tried Using the classic editor by just replacing the text “16:9” with “2,35:1” but It didnt work.

Please help me.
Thank you

[KiljanParticipant]

This is the site: LINK
Please see if there is a solution for this small, but annoying problem. Thank you

[SupportMember]

Hey Kiljan,

Thanks for writing in!

To fix that, add a class to the video container(the x-column) where your video will be(and make all containers with video based on that ratio with that same class) ex:(pano-video).

Then add the following css code snippet to the Customizer > Custom > CSS

/* Make sure to change 'pano-video' with the class you added to the container */
.pano-video .x-responsive-video-inner{
  padding-bottom: 42.25%!important;
}

This should fix the black bars.

Hope that helps, cheers.

[KiljanParticipant]

Thanx for the excellent support.

[AlexanderKeymaster]

You’re most welcome! Take care 🙂

[KiljanParticipant]

This has stopped working with the latest version of Visual Composer. Please help if you can.
Thanks

[ChristopherModerator]

Hi there,

Please try this :

.pano-video .x-video-inner{
  padding-bottom: 42.25%!important;
}

Hope it helps.

[KiljanParticipant]

Perfect! Thank you very much!!

For the future, please add 1:2.35 which is a cinema standard to. Would be good I think.
Thanks again.

[ChristianModerator]

You’re welcome Kiljan. I’ll take note of that as feature request and we might implement it in a future release.

[gabemottParticipant]

Would also be very helpful to include portrait mode. I am embedding lots of video screen shots from iphone app– the same as apple does on the itunes store. Going to try to use the above code to sort this out.

[gabemottParticipant]

Just FYI for portrait mode I used this css, I know it’s sort of a mess but it seems to be working after lots of firebug:

.x-video .x-video-inner {
height: 667px;
width: 375px;
overflow: hidden;
position: relative;
}

[Rue NelModerator]

Hello There,

Thanks for updating this thread! We certainly appreciate the feedback. This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

Thanks!

[MoonwalkMediaParticipant]

Hello,

I have a video hosted on Vimeo with an aspect ratio of 3:4.
How can I change the aspect ratio of the frame to be 3:4?

Thanks

[ChristianModerator]

Hey there,

We’re sorry but portrait aspect ration is not supported as most videos are in landscape. You can still embed the video but there would be black bars in the left and right side though.

Thanks.

[MoonwalkMediaParticipant]

Thanks for the support,
Is there anyway to display a portrait video without black bars on the sides?
Can you provide me with a code snippet to achieve this?
Is there a third party plugin for portrait videos?

[Author]

Posts