[luxmedesignerParticipant]

Hi there,

I want to create a list of videos and have them open using the lightbox option. I read a few articles about people wanting to do this and the answers were varied: Some answers were posted a while ago, so the code provided back then doesn’t work nowadays. Other guy said that X simply doesn’t support this option. Can you offer a solution today?

Thanks!

[FriechModerator]

Hi There,

Thanks for writing in! That depends on your setup. Please provide us more information, what videos you want to play? Was it from a 3rd party video sharing site (YouTube, Vimeo, etc.) or is it a self hosted? What element would be the triggered for lightbox? Is it a text, button, or image? And do you want all the video to be open on lightbox, or a one video one lightbox at a time?

Please clarify what you’re trying to do, and if you would not mind please provide us your site URL so we can take a look on what you already have.

Cheers!

[luxmedesignerParticipant]

Hi there,

It will be a list (text) of videos. Each item will open a YouTube video inside the lightbox. Something like this:

– Video 1 – Video 4
– Video 2 – Video 5
– Video 3 – Video 6

I would like to have the option to open one video at the time since I want to add similar links inside paragraphs. Something like:

“As you can see this technology is awesome. To see more, click here to watch a video.”

I guess for the list above, we can have a lightbox with navigation arrows so people can move back and forth through the list of videos.

I hope this is clear!

Thanks again!!!

[JoaoModerator]

Hi There,

Please use as the following example:

Here you can <a class="my-video" href="http://yotubevideourl.com"> Launch  </a> the video.
[lightbox selector=".my-video"]

If you would like to have many videos in one lightbox, you can use the same selector, just make sure they are not set to autoplay.

If you would like to have just a video per lightbox you have to use different selector.

Hope it helps

Joao

[luxmedesignerParticipant]

Hi there,

I tried using the code you provided, but it doesn’t work properly. The video occupies the entirety of the screen, which isn’t ideal.

I’d like to have the video display at the same size as when using the << lightbox selector=”.btn-lightbox” >> option. This is about 50% of the screen size, centered. Is there a way to adjust it?

Thanks for your help!

[JoaoModerator]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. 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.

[luxmedesignerParticipant]

This is it: http://www.tubularchainconveyors.com

[JoaoModerator]

Hi There,

Could you point the specific place where you have used the lightbox?

Thanks

[luxmedesignerParticipant]

Hi there,

I’m not using the code since it doesn’t work correctly; however, I added a link to this page as a sample: http://www.tubularchainconveyors.com/terms/

Click on it and you’ll see the problem.

What we want is to have the link(s) work in the same way as the buttons found in this page: http://www.tubularchainconveyors.com/products/tubular-chain-conveyors/

Thanks!

[JoaoModerator]

Hi There,

Please try using as this example> launcher class: btn-lightbox

<a class="btn-lightbox" href="https://www.youtube.com/embed/DiUD1xqx8jQ?rel=0" title="Tubular Chain Conveyors" data-options="thumbnail: '', width: 1080, height: 608"> Launch </a>

Hope it helps

Joao

[luxmedesignerParticipant]

Thanks Joao. It worked just fine.

I noticed that it shows every other video found in the page as well.
Take a look: http://www.tubularchainconveyors.com/terms/

[JoaoModerator]

Hi There,

I could not replicate the issue, once clicking on the link just the video below opened.

https://youtube.com/watch?v=BCZaUFeOo7I%3Frel%3D0

Of you have more than one lightbox videos, to avoid the error you are describing you need to use different selectors for each video and repeat the lightbox selector a few times with the different lightbox launcher classes, that way you avoid that more than one video is launched

Hope it helps

Joao

[luxmedesignerParticipant]

It worked perfectly Joao, thanks!

[JoaoModerator]

You are welcome.

Let us know if you need help with anything else.

Joao

[luxmedesignerParticipant]

Hi Joao,

Take a look at this page: http://www.tubularchainconveyors.com/company/multimedia/

For some reason, the first item in the list remains in the background while browsing the videos. Why is that?

Thanks

[Author]

Posts