Docs

[jsguzmanb]

Hi

I am currently implementing a lightbox youtube video from an image in a revolution slider with the following code:

[image src=”http://butakavideomarketing.com/nueva/wp-content/uploads/2016/08/boton_video.png” class=”custom-img-size” link=”true” href=”https://www.youtube.com/embed/TH6F58SWldo” lightbox_video=”true” ]
[lightbox]

IT loads the vdeo fine, but it also loads prev, and next videos, and multiple instances of each (the current, the prev, and the next)

I blocked the prev and next with the custom CSS:

.ilightbox-next{
display:none !important;
}

.ilightbox-prev{
display:none !important;
}

I´m not sure if that is a good practice, but it does the trick

However, it does load multiple instances of the current video, so it lags, and you can hear the multiple audios, it is like if it had a loop loading the same video over and over.

You can check the problem in my site, in the first big yellow and black button in the main banner, as well as in the banner in the “Hicimos” section

http://butakavideomarketing.com/nueva/

I´ve searched the forums for info on this problem but haven´t found anything

Any help will be appreciated.

Thanks!

[jsguzmanb]

This reply has been marked as private.

[Christian]

Hey there,

This is because you have multiple light-boxes setup. In that case, you will need to utilize the selector attribute of the lightbox and class of your image. See Multiple Lightbox Portfolios on One Page in https://community.theme.co/kb/shortcode-walkthrough-lightbox/

Thanks.

[jsguzmanb]

Great!

I suspected it had something to do with the selector attribute.

As always, your knowledge base and fast support is spot on.

Thank you very much!

[Joao]

Glad to hear it we managed to help.

Have a great day.

Joao

[jsguzmanb]

Hi I still have a related bug

I removed the shortcode [lightbox selector=””] from each image, and I included it in a text section on the home page, and It still loads two videos. Cant find the cause

Can you give me some possible fixes?

Thanks a bunch!

[Rue Nel]

Hello There,

Thanks for the updates! using one single lightbox shortcode like:

[lightbox selector=".videos-butaka"]

Will load all your videos with classes videos-butaka in the lightbox. If you want to prevent this, you need to changes your classes like videos-butaka-1, videos-butaka-2, videos-butaka-3, etc and will have these lightbox shortcode:

[lightbox selector=".videos-butaka-1"]
[lightbox selector=".videos-butaka-2"]
[lightbox selector=".videos-butaka-3"]
[lightbox selector=".videos-butaka-4"]

Hope this explains it.

[Author]

Posts