Embedded YouTube video gets weird height issues!

Hi, if you take a look into this page you will see that the embedded youtube video is insanely tall and overlaps my beloved image gallery...

https://it.mgscreativa.com.ar/playtime/ ... s-playtime

Any hint will be very appreciated.

Thanks!

I think the issue is in file templates/gk_rockwall/js/fitvids.jquery.js in line 77

Code: Select all

        $this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");

The padding-top gets calculated wrong it seems...

Partially solved by adding this CSS rule

Code: Select all

.avVideo .avPlayerContainer .avPlayerBlock .fluid-width-video-wrapper {
  padding: 0 !important;
}

It would be great if the JS file gets fixed...

Hi

Fitvid is an outside plugin, so we cannot just change it like that. Problem is that there are 2 different codes to achieve responsive video effect. As You've mentioned easiest way to make it work is by disabling one of this codes. Of course easier to disable fitvid plugin or just overwrite it's functionality with :

Code: Select all

.avVideo .avPlayerContainer .avPlayerBlock .fluid-width-video-wrapper {
  padding: 0 !important;
}


Great si I wasn't so wrong! jeje.

Thanks a lot!