Open a video lightbox form a hyperlink

Hi there,

Open a video lightbox form a hyperlink

I’m trying to open a video lightbox from a hyperlink… so far I got it to work but the lightbox opens in full screen…

here is the page where I’m trying to open the video:

Any help would be highly appreciated!



Hi There,

Thank you for writing in, regretfully the lightbox shortcode is not fully supported in Cornerstone. Please use the Embedded Video element/shortcode instead to play a playlist directly on your Tab element.

[x_video_embed no_container="false" type="16:9"]<iframe width="560" height="315" src=";controls=0&amp;showinfo=0?ecver=1" frameborder="0" allowfullscreen></iframe>[/x_video_embed]

Hope it helps,

Hi, thanks for the reply… is there no way to be able to open a lightbox with a YouTube video from a hyperlink?

I don’t want to clutter the page with lots of videos (there are over 80), instead I’d like the visitors to be able to see the title and upon clicking it a lightbox would open with the video…

Hi There,

Sorry for the confusion.

You can use the following code to a raw code element.

<a class="video" href=""> Video Title </a>
[lightbox selector=".video"]`

<a class="video-1" href=""> Video 1 </a>
[lightbox selector=".video-1"]`

And so on, just make sure to have different launcher classes.

Hope it helps!

Hi Joao,

This is what I first tried, but it opens the lightbox in full screen… have a look for yourself:

Is the link at the bottom that says ‘video lightbox test’ underneath the tabs.

What I try to do is to open a normal size lightbox.

Is it possible to open a normal lightbox (not full screen) form a hyperlink?

Hey There,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

Thanks, here are the credentials:

Sorry for the confusion. Please use this sample

<a class="link" href="//" data-options="width: 1080, height: 608" style="outline: none;">test</a>
[lightbox selector=".link"]

Replace the href value. You can also change the class but leave the data-options. See


Super! that did the trick… I couldn’t find this ‘data-option’ function on the tutorials (?)… still not sure why it was playing full screen? i have no custom code anywhere on the site to interfere.

But nevertheless, thank you so much for the help!! All working as I wanted now!

Best wishes


Glad we could help.


This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.