Hi,
I have built a one pager and in one section there’s images that open in a light box. below that section I have 2 youtube videos i want to embed. For some reason the videos also open in the lightbox (cant seem to close the lightbox tags), which was fine on desktop, but on mobile is broken (see screenshot). Any advice? Ideally I just want the simplest way for the video to load light box/embed/in line etc. I am not technical so a simple fix would be ideal. The site is http://www.geniusgyms.com the lightbox images are in section 11, the videos are in section 16. Thanks!
Hello There,
Thanks for writing in! You must place a unique class for your Youtube video and make the class as the selector in the lightbox shortcode. For example, you add a class my-video in the image element for the youtube thumbnail and use this shortcode instead:
[lightbox selector=".my-video" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"]
In the shortcode, the my-video is being used to make sure that when the lightbox takes into action, only the two videos will be loaded in the lightbox.
For more information how you can make use of the lightbox shortcode, please check this out:
http://demo.theme.co/integrity-1/shortcodes/responsive-lightbox/
Hope this helps.
thanks I will give that a try
You’re welcome.