[mrfrigginwizard]

Hey guys, hows it going?
Im trying to figure out how to use the Lightbox shortcode.
The theme i am using has a section for buttons in the header and I am trying to add a video of my game to the button.

I was able to get it to work with a different plugin using this code:
a href=”http://www.youtube.com/embed/Gb1HHsreEgQ” class=”popup button button secondary-button”>Watch a Video /a>

Using the other plugin, I just named the lightbox “popup,” and dropped it in there to get it to work.

is there a way to do something similar using the intense lightbox.

thanks for your time, and have a great day

Edit: I deleted the leading < from the code

• This topic was modified 8 years, 10 months ago by mrfrigginwizard.
• This topic was modified 8 years, 10 months ago by mrfrigginwizard.
• This topic was modified 8 years, 10 months ago by mrfrigginwizard.

[Intense Visions]

Hello!

Try the following code, it should help you get what you’re looking for. Just make sure that the lightbox html_element matches an id of an element on the page. The element with the id is what will show in the lightbox.

[intense_lightbox type="colorbox" content_type="html" html_element="test-popup"]
test-popup
[/intense_lightbox]

<div id="test-popup" style="max-width:800px;">
[intense_heading tag="h3"]Test Popup[/intense_heading]
[intense_filler paragraphs="3"]
</div>

If you need any additional help, let us know.

Thanks,

Josh

[mrfrigginwizard]

thanks for your help.
what should i use to get a video in the lightbox?

<div id="test-popup">
<iframe src="http://www.youtube.com/embed/Gb1HHsreEgQ"
   width="560" height="315" frameborder="0" allowfullscreen>
</iframe>
</div>

this seems to work, but looking at your examples it looks like you use intenseVideocontainer, but i can only find video and fullscreen video.

[Intense Visions]

You can use the Video shortcode in place of your iframe. I prefer to use the Magnific Popup lightbox over the ColorBox lightbox, so I have changed that below as well. Magnific Popup looks better for videos, in my opinion.

[intense_lightbox type="magnificpopup" content_type="html" html_element="test-popup"]
test-popup
[/intense_lightbox]

<div id="test-popup" style="max-width:800px;">
[intense_video video_type="youtube" video_url="https://www.youtube.com/watch?v=Gb1HHsreEgQ"]
</div>

If you have any other questions, let us know.

Thanks!

[Author]

Posts