Multiples instances of same embedded video in Lightbox

Support
#1

Hi!

I had this issue a bout a year ago, and it worked fine, I´m not sure if it´s an update on cornerstone or the theme, but it stopped working.

The problem resides on youtube autoplay in an embed on a slider

I have 3 rev sliders on my home page. The first one called “main” appears on all screens, the second one is “videos-desktop” only appearing on big screens and the third one is “videos-movil” appearing only in small screens

Each of this 3 sliders have a button with a lightbox shortcode fopr showing an embedded youtube popup with autoplay.

In the first slider I declare all the selectors.

The code for the first button (in the first slider) is:

[image src=“http://butakavideomarketing.com/nueva/wp-content/uploads/2016/08/butaka-imagen1-fondo-bogota.png” link=“true” href=“https://www.youtube.com/embed/HpIm7q_K6y0?autoplay=1” lightbox_video=“true” class=“videos-butaka-1 custom-img-size-2 grow” ]
[lightbox selector=".videos-butaka-1"][lightbox selector=".videos-butaka-2"]

[lightbox selector=".videos-butaka-3"][lightbox selector=".videos-butaka-4"][lightbox selector=".videos-butaka-5"][lightbox selector=".videos-butaka-6"][lightbox selector=".videos-butaka-7"][lightbox selector=".videos-butaka-8"][lightbox selector=".videos-butaka-9"][lightbox selector=".videos-butaka-10"]
[lightbox selector=".videos-butaka-11"][lightbox selector=".videos-butaka-12"][lightbox selector=".videos-butaka-13"][lightbox selector=".videos-butaka-14"][lightbox selector=".videos-butaka-15"][lightbox selector=".videos-butaka-16"][lightbox selector=".videos-butaka-17"][lightbox selector=".videos-butaka-18"]
[lightbox selector=".videos-butaka-19"][lightbox selector=".videos-butaka-20"][lightbox selector=".videos-butaka-21"][lightbox selector=".videos-butaka-22"][lightbox selector=".videos-butaka-23"][lightbox selector=".videos-butaka-24"][lightbox selector=".videos-butaka-25"][lightbox selector=".videos-butaka-26"]
[lightbox selector=".videos-butaka-27"][lightbox selector=".videos-butaka-28"][lightbox selector=".videos-butaka-29"][lightbox selector=".videos-butaka-30"]

[lightbox selector=".videos-butaka-movil-1"][lightbox selector=".videos-butaka-movil-2"][lightbox selector=".videos-butaka-movil-3"][lightbox selector=".videos-butaka-movil-4"][lightbox selector=".videos-butaka-movil-5"][lightbox selector=".videos-butaka-movil-6"][lightbox selector=".videos-butaka-movil-7"]
[lightbox selector=".videos-butaka-movil-8"][lightbox selector=".videos-butaka-movil-9"][lightbox selector=".videos-butaka-movil-10"][lightbox selector=".videos-butaka-movil-11"][lightbox selector=".videos-butaka-movil-12"][lightbox selector=".videos-butaka-movil-13"][lightbox selector=".videos-butaka-movil-14"][lightbox selector=".videos-butaka-movil-15"][lightbox selector=".videos-butaka-movil-16"][lightbox selector=".videos-butaka-movil-17"]
[lightbox selector=".videos-butaka-movil-18"][lightbox selector=".videos-butaka-movil-19"]
[lightbox selector=".videos-butaka-movil-20"][lightbox selector=".videos-butaka-movil-21"]
[lightbox selector=".videos-butaka-movil-22"][lightbox selector=".videos-butaka-movil-23"]
[lightbox selector=".videos-butaka-movil-24"][lightbox selector=".videos-butaka-movil-25"]
[lightbox selector=".videos-butaka-movil-26"][lightbox selector=".videos-butaka-movil-27"]
[lightbox selector=".videos-butaka-movil-28"][lightbox selector=".videos-butaka-movil-29"]
[lightbox selector=".videos-butaka-movil-30"]

As I have already declared all the selectors, in each of the buttons of the other two sliders I just put the following code:

[image src=“http://butakavideomarketing.com/nueva/wp-content/uploads/2016/08/butaka-imagen1-fondo-bogota-4.png” class=“custom-img-size” link=“true” href=“http://www.youtube.com/embed/TKsDNtp9lPc?autoplay=1” lightbox_video=“true” class=“videos-butaka-11” ]

changing the class accordingly so it doesn´t repeat

I did the following test. I erased the second and third sliders, and leave just one to see what could be the error. I left just this code:

[image src=“http://butakavideomarketing.com/nueva/wp-content/uploads/2016/08/butaka-imagen1-fondo-bogota.png” link=“true” href=“https://www.youtube.com/embed/HpIm7q_K6y0?autoplay=1” lightbox_video=“true” class=“videos-butaka-1 custom-img-size-2 grow” ]
[lightbox selector=".videos-butaka-1"]

The weird thing as I already said is that I didn´t change anything. It just stopped working.

Thank you for your help!

#2

Hi There,

Thank you for writing in, though I am not entirely certain why do you need that lots of [lightbox] shortcode while you have only 2 videos that you want to show on a lightbox?

I suggest you keep it simple, add 2 [lightbox] shortcode on a Raw Content element at the buttom of your page so it won’t complicate the content of your slider.

e.g.

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

And then add your button as image layer of your slider, apply a class that correspond to its lightbox and link it to your YouTube video with the ?autoplay=1 parameter.

Cheers!