Docs

[nikolasa]

Heya, I’ve been reading a couple of threads and haven’t yet found the answer to this. We have used the following code:

[image src="http://maori.tech/wp-content/uploads/2016/05/VideoGraphic.jpg" link="true" href="//www.youtube.com/embed/NbOtk867knM" lightbox_video="true"]

Which seems to redirect the user to YouTube’s full page view (what we’d like is for the video to pop up within the browser window (at about 1980×1080) and autoplay.

Is that possible please?

[nikolasa]

This reply has been marked as private.

[Rupok]

Hi there,

You are not using the lightbox correctly. It should be like :

[image class="videoLightbox" type="rounded" src="http://maori.tech/wp-content/uploads/2016/05/VideoGraphic.jpg" link="true" href="//www.youtube.com/embed/NbOtk867knM" alt="Text"]

[lightbox selector=".videoLightbox" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal"]

Hope this helps.

[nikolasa]

This worked perfectly thank u!!

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[nikolasa]

A quick follow up question, am I able to use some shortcode to have a similar lightbox pop up when someone clicks on a link (so that a video can be viewed).

Thanks!

[nikolasa]

ah and is there a way it doesn’t have to open full screen, so that it pops up and is viewed say at 65%.

Thnaks!!

[Nabeel A]

Hi again,

Try adding the following code in your Customizer:

.ilightbox-holder.light {
    width: 65% !important;
    left: 20% !important;
}
.ilightbox-holder div.ilightbox-container {
    width: 100% !important;
}

If this doesn’t work then you can try the following code:

<a class="x-img lbx x-img-link" href="//www.youtube.com/embed/NbOtk867knM?autoplay=1" data-options="thumbnail: 'http://path/of/thumbnail.png', width: 1080, height: 608"><img src="http://poster/image.png"> WATCH VIDEO</a>

[lightbox selector=".lbx"]

You can change the width and height to achieve your desired size for your video.

Let us know how this goes!

[Author]

Posts