Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #6025

    mrfrigginwizard
    Participant

    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

    #6031

    Intense Visions
    Keymaster

    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

    #6032

    mrfrigginwizard
    Participant

    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.

    #6034

    Intense Visions
    Keymaster

    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!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.