Essential Grid, Lightbox -> Video to large and underneath

Support
#1

Dear Team,

If I play a video from Essential Grid in a lightbox and the video is bigger than my browser window it shows the video underneath. Or in other words: The video isn’t scaled to fit the browsers window size.

I know under Settings from each video I use an aspect ratio of “4:3” even if the videos aspect ratio is “16:9”. If I use the right aspect ratio (16:9) the video isn’t playing at all.

Any idea how to fix the scaling issue?
Thank you,
Michael

#2

Hi Michael,

To fix this issue, please add the following CSS under Theme Options > CSS:

.esgbox-slide video {
    width: 100% !important;
    height: auto !important;
}

Hope it helps :slight_smile:

#3

Thank you!
However, this is more a workaround. Now every video is scaled up to full screen regardless of the size. Even smaller ones are scaled up and this looks not really good…

Any more ideas?

Thank you,
Michael

#4

Hello Michael,

Please have the code updated and use this:

.esgbox-slide video {
    max-width: 90% !important;
    height: auto;
}

Feel free to adjust the maximum width.

#5

This is also a static value…

I feel there are some trouble with the containers…
I would expect as a normal behavior: All videos smaller screen size will play in their nativ resolution. All videos with a larger size will be scaled down to fir in the browser window. This is responsive, isn’t it?

Thank you.
Maybe this issue has to be addressed to theme punch and not to you? I don’t know :slight_smile:

#6

Hello Michael,

The last code we gave does not set a static value. It sets a maximum width for your video. So for example, in your Meteor at the Eurofighter, it is 1920x1080 pixels which is way beyond my laptop screen. The video will only be displayed 90% of its width. You can also set it to 100%. On the other hand, if your video is only 1280 x 720 or 640 x 360, it will be displayed in its actual width.

Hope this explains it briefly.

#7

@RueNel:
I see! Sorry. Works like a charm :slight_smile:
Thank you!

#8

Glad to hear that. :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.