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:

http://bigmonkeysheets.com/wordpress/videos/

Any help would be highly appreciated!

Thanks

B.

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="https://www.youtube.com/embed/mNLL1_uXO4Q?list=PL1iyB9OUfyiEHXpvcD-q0tzDVmqUKMr7C&amp;controls=0&amp;showinfo=0?ecver=1" frameborder="0" allowfullscreen></iframe>[/x_video_embed]

Hope it helps,
Cheers!

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="http://youtube.com/videolink"> Video Title </a>
[lightbox selector=".video"]`

<a class="video-1" href="http://youtube.com/videolink"> 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:

www.bigmonkeysheets.com/wordpress/videos

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="//player.vimeo.com/video/84751465" 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 https://youtu.be/lBD43dy-qkU

Thanks.

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

B.

Glad we could help.

Cheers!

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