Docs

[cdnmike]

Hi,
I’m trying to open a youtube video in a lightbox from an image link. The lightbox opens but the video does not display in the popup.
I’ve tried several link variation from your knowledge base but they don’t work.

You can view my test page here: http://x-theme.reportadvantage.com/float-cornerstone/

The latest shortcode is as follows:
[image src=”http://x-theme.reportadvantage.com/wp-content/uploads/2016/07/video-image.png” link=”true” href=”https://youtu.be/NyppR9bhBJM” lightbox_video=”true”]
[lightbox]

I would really appreciate your help.
Thanks

[Rad]

Hi there,

Thanks for writing in.

It’s because of this,

Refused to display 'https://www.youtube.com/watch?v=NyppR9bhBJM&feature=youtu.be' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

Pleae try this one,

[image src="http://x-theme.reportadvantage.com/wp-content/uploads/2016/07/video-image.png" link="true" href="https://www.youtube.com/embed/NyppR9bhBJM"]

Hope this helps.

[cdnmike]

Thanks for the response!

The video does play now but it doesn’t open in the lightbox and only opens in full screen. Can you let me know how to open it with a responsive lightbox so it can be viewed on desktop and mobile devices.

Thanks

[cdnmike]

I think I figured it out.

Thanks

[Joao]

Hi There,

Please use the code below:

[image class="videolightbox" src="http://x-theme.reportadvantage.com/wp-content/uploads/2016/07/video-image.png" link="true" href="https://www.youtube.com/embed/NyppR9bhBJM"]
[lightbox selector=".videolightbox"]

I you want the video to autoplay you can add this instead:

[image class="videolightbox" src="http://x-theme.reportadvantage.com/wp-content/uploads/2016/07/video-image.png" link="true" href="https://www.youtube.com/embed/NyppR9bhBJM&autoplay=1"]
[lightbox selector=".videolightbox"]

Hope that helps

Joao

[Author]

Posts