Use lightbox as video modal

[mehmettuz]

Hi my friends, I have to open videoas as lightbox but when I add into div video and then I set div HTML tag as a[link] then when I choose link type as Lightbox video and I paste link video I appears a fail as in video example, what could be this fail?

VEED - Ekran Kaydı 2024-01-02 12.54.08.mov

[timmse]

Hi Mehmet,
Thanks so much for your report!

Unfortunately, I cannot reproduce the issue using the current version (1.9.4). Have you ever tried it with another video link? Can you provide me with the link?

If you want to keep the setup as it is, you should set the pointer-events of the video element to none. Otherwise, both videos will be played in parallel.

Best regards,
timmse

[mehmettuz]

Hi Stefan thanks for your reply, actually my need is to show video section but when I click to play button I want to show up video as lightbox, is there any way to do this without using the pop-up template?

[timmse]

Yes, just like you did. However, I can’t help you any further if you don’t answer my questions

@timmse

Unfortunately, I cannot reproduce the issue using the current version (1.9.4). Have you ever tried it with another video link? Can you provide me with the link?

[mehmettuz]

Oh, sorry, I missed your question. Here is the link > deneme – Salt Tasarım

[timmse]

The video lightbox is working for me:

[mehmettuz]

Yes lightbox works fine but at the same time playing backend video, in my case I need to just play into lightbox video. Also I need to show video thumbnail as a real video

[timmse]

I still don’t understand where the bug is in your bug report. The lightbox works, and I already told you in my first answer how to prevent the video from playing outside the lightbox when you open the lightbox:

@timmse

If you want to keep the setup as it is, you should set the pointer-events of the video element to none. Otherwise, both videos will be played in parallel.

@mehmettuz

Also I need to show video thumbnail as a real video

Unfortunately, I don’t understand what you mean by that.

[sinanisler]

create a custom lightbox yourself with interactions.

create a absolute container as popup

add image of your video as cover add interaction when the image is clicked open the hidden absolute container.

here I just showed how the method works for another similar hide show thing.

Popup - Remote Content

with code element and Interactions you can create any type of trigger mechanism to open a iframe, pdf or a link. add your iframe on code element and give it a class to so you can select this dom later [image] and add display:none to code element custom CSS so initial state is hidden [image] and simple button interaction setup to show code iframe when button clicked. [image] easy. endless possibilities with interactions. there is so many triggers here practice them learn them [imag…

on your case you need to add second interaction in the absolute container X icon so it can be closed.
2 simple interaction setup needed.

[mehmettuz]

Hi Sinan actually my plan is that, I will create custom post type as Video’s, and I’ll create Video Archive Template and I don’t want to extra video thumbnail custom box in Video Custom Post Type, I just want to create Video Link as custom box, and I want to show video and when I click the video I want to show up in light box. Actually all my need is this.

[mehmettuz]

Hi Stefan, if I make none to video element, I can’t see video thumbnail isn’t it? I want to show video with its thumbnail image and when I click the video I want to show it in lightbox but not play backend video.

I hope it will be clear for my situtaion.

[timmse]

You must set the pointer-events to none, not the display value.

[mehmettuz]

I could hardly understand Thanks Stefan