Essential Grid issues for YouTube

[fabipaolini]

Hi guys!
I have a couple of issues with Essential grid and would love it if you could help. I’m using Essential grid to stream YouTube videos…

#1: The lightbox doesn’t show the PLAY icon on it - I see that it’s technically supposed to, but for some reason, it’s not

#2: The video plays both in the lightbox and then bigger at the same time

#3: If I close the bigger video, the one in the lightbox changes size and shows a black bar on top

Can you help?
You can see the grid on the homepage of this site

Súbele el volumen a tu voz interna | VIve Intensamente María De Luz

I’m attaching credentials
Thanks!
Fabi

[Alaa]

Hi Fabi,

I’ve checked this issue and I can see that for some reason the play icon was hidden if the media type is video, I changed that to “Do nothing” as in this screenshot and the play icon is working fine now:

For the second and third issue, I recommend using “Content Area” element with the shortcode of the essential grid you want, this way you won’t get a double lightbox issue (I’ve tested that on your website).

Thanks.

[fabipaolini]

Thank you! The first one obviously worked, but for the second one, I tried what you said with adding a Content Area element with the shortcode and I’m still getting a double lightbox issue.

Any other ideas?

[Alaa]

Hi @fabipaolini

That’s really a weird issue that I couldn’t reproduce at my localhost, however, it’s reproducible on your website only when there is more than essential grid on the same page, the only workaround I found to work is to add this JS code in (Theme Options > JS):

jQuery(".esg-entry-cover").click(function(){
	jQuery('.esgbox-container ~ .esgbox-container').remove();
});

Now, I can see the video lightbox is working fine.

Thanks.