Navigation
Archive / Make hyper link open Lightbox?
This is archived content. Visit our new forum.
1 2
  • Author
    Posts
  • January 17, 2015 at 8:19 pm #185344

    threeoten
    Participant

    I am trying to get a hyper link to open a video in iLightbox but I cannot figure it out. I watched the shortcode video and it never explained how to get a hyper link to target a lightbox, only an image and button.
    thank you!

    January 17, 2015 at 9:10 pm #185356

    threeoten
    Participant

    The link I’m trying to use is a Custom Headline with the following:

    <a href="#">PLAY VIDEO
[icon type="play-circle"]</a>

    and then I started experimenting with, with no luck:

    <a class="vid-test" href="http://player.vimeo.com/video/90933603">PLAY VIDEO
[icon type="play-circle"]</a>[lightbox selector=".vid-test"]
    January 18, 2015 at 11:11 pm #185836

    Paul R
    Moderator

    Hi,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    January 19, 2015 at 11:41 am #186296

    threeoten
    Participant
    This reply has been marked as private.
    January 20, 2015 at 2:09 am #186629

    Christian
    Moderator

    Hey there,

    Please use

    <a class="vid-test" href="http://player.vimeo.com/video/90933603" data-options="thumbnail: 'image-1.jpg', width: 1080, height: 608">PLAY VIDEO
[icon type="play-circle"]</a>[lightbox selector=".vid-test"]

    To make the video light box work, the lightbox_video attribute must be set to true (lightbox_video="true"). It is responsible for outputting the code

    data-options="thumbnail: 'image-1.jpg', width: 1080, height: 608"

    which is needed for the video to work.

    Hope that helps. 🙂

    January 21, 2015 at 2:04 pm #188288

    threeoten
    Participant

    I understand that if I was trying to make an image open in a lightbox, I would go into the image element in VC and I would check the box that says “Lightbox Video”. But since there I’m using a Custom Headline element as the link that I want to open the lightbox, there is no option to turn on “Lightbox Video” in my Custom Headline in VC, so I don’t understand where I’m supposed to use the lightbox_video="true" code provided above. I tried pasting it inline with the custom headline and also in with the lighbox selector shortcode, with no results.

    Also, I’m not sure what the thumbnail: 'image-1.jpg' is supposed to be in this case. Since there is no thumbnail that I’m using, it’s just the Custom Headline link.

    January 21, 2015 at 11:21 pm #188706

    Friech
    Moderator

    Hi there,

    To make a custom headline linked to a lightbox. First setup a responsive lightbox shortcode and assign a selector. Then create a custom headline shortcode and paste the code below, make sure you are on the text tab.

    <a class="myselector" href="http://path/toyour/video/file.mp4">Play video</a>

    Change the class to the selector you assigned on lightbox shortcode. And the href for the URL of the video.

    Hope it helps, Cheers!

    January 22, 2015 at 2:30 pm #189361

    threeoten
    Participant

    Wait. We’re going backwards now. That’s what I had started with, as seen in my original post: https://theme.co/x/member/forums/topic/make-hyper-link-open-lightbox/#post-185356
    And that doesn’t work. Just opens the video into a new window.

    January 23, 2015 at 10:25 am #190005

    Zeshan
    Member

    Hi there,

    We’re sorry for the confusion!

    Upon checking your website, there are many JS conflicts (see: http://prntscr.com/5w2786) that is the reason of this issue. I’d advise try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Thanks!

    January 23, 2015 at 4:03 pm #190384

    threeoten
    Participant

    I deactivated all plugins and it still won’t open in a lightbox. I’m not getting the same errors as you are either, only the one seen in the screenshot below. I have no idea what all of that means, but I do see a reference to iLightbox when the error is expanded.

    http://screencast.com/t/aFoH3Lhi

    Current code:

    [vc_row no_margin="true" padding_top="10%" padding_bottom="12%" border="none" class="center-text" bg_image="5096" style="background-size: cover; background-repeat: no-repeat;"][vc_column width="1/1"][custom_headline type="center" level="h2" looks_like="h2" class="vid-test vid-play" style="font-size: 50px"]<a class="vid-test" href="http://player.vimeo.com/video/90933603">PLAY VIDEO<br>[icon type="play-circle" style="font-size:2.5em;"]</a>[/custom_headline][/vc_column][/vc_row]

[vc_row][vc_column width="1/1"][lightbox selector=".vid-test" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" lightbox_video="true"][/vc_column][/vc_row]
    January 24, 2015 at 7:29 pm #190951

    Rad
    Moderator

    Hi there,

    Remove vid-test from your custom headline’s class. It should be present only at your link. Lightbox will only works on links.

    Thanks!

    January 24, 2015 at 11:17 pm #191012

    threeoten
    Participant

    Wow! There it is. It works. A full week later!
    Thanks!

    January 26, 2015 at 2:59 am #191552

    Christian
    Moderator

    You’re welcome. Glad we could help.

    February 6, 2016 at 9:41 pm #783725

    eepearson
    Participant

    Hey,

    I have a similar question – I have a two column format where one column has an embedded video and the other lists links to other, similar, videos. When you click on the links to those videos, I want them to go display in a lightbox. Right now, they seem to go into a full screen lightbox that you can’t exit out of unless you hit the back button. What is the best way to approach this?

    <a class="video-player" href="https://www.youtube.com/embed/cPTnKb2iOeo">Could you imagine an NFL QB that doesn't watch game film?</a><br>
<a class="video-player" href="https://www.youtube.com/embed/kBO9pRA2n7U">ExecVision Does 3 Things</a><br>
<a class="video-player" href="https://www.youtube.com/embed/dzbId1MFLM0">How to Improve Conversations</a><br>
<a class="video-player" href="https://www.youtube.com/embed/FX8KG8xHwI8">Phone Conversations are a Black Box</a><br>
<a class="video-player" href="https://www.youtube.com/embed/Ab7mitbRME0">Legality of Phone Recording</a><br>
<a class="video-player" href="https://www.youtube.com/embed/Aj9tBINC_WE">Event Marketers</a><br>
<a class="video-player" href="https://www.youtube.com/embed/AtHYBtcG0-U">Window to Sales Team</a> <br>
<a class="video-player" href="https://www.youtube.com/embed/2Lm4nvyMK_Y">Sales Dev Leader Fighting Turnover </a><br>
<a class="video-player" href="https://www.youtube.com/embed/Rz2TUnZncLA">In Sales, Conversions Matter</a> <br>
<a class="video-player" href="https://www.youtube.com/embed/S_lyV8HnZ-4">Get the Most out of Sales Training with ExecVision</a><br>
<a class="video-player" href="https://www.youtube.com/embed/muDgPvxWbJY">Coaching at the Call Level</a>

[lightbox selector="video-player" lightbox_video="true"]

    And here is a link to the webpage: https://www.execvizion.com/resources/

    February 7, 2016 at 5:16 am #783993

    Christopher
    Moderator

    Hi there,

    Currently you don’t have lightbox and videos open in youtube page.

    Please update lightbox shortcode to :

    [x_lightbox selector=".video-player" lightbox_video="true"]

    Hope it helps.

  • Author
    Posts
1 2