[Resolved] Open Video in Lightbox from Embedded Media Field

[Author]

Posts

[chrisC-25]

I would like my videos to open in a lightbox is this possible?

example here:
hidden link

I created embedded media fields and added to a Toolset layout.

Thanks

[Christian Cox]

Hello, since there's no video lightbox functionality built-in to Toolset so you'll have to write some custom code and/or implement a 3rd-party lightbox plugin to create that popup / modal interface. Here are three options I'm aware of:

https://wordpress.org/plugins/responsive-youtube-vimeo-popup/
https://wordpress.org/plugins/wp-video-lightbox/
hidden link

I'll be glad to help you convert a working HTML mockup into a template or View once you have the modal plugin implemented, just let me know if you need that assistance.

[chrisC-25]

Cool, I installed Fancybox. It works but not with the shortcode. For example here the 1st video has the fancybox and works:
hidden link

code looks like this

<a data-fancybox href="<em><u>hidden link</u></em>">
        <img class="card-img-top img-fluid" src="<em><u>hidden link</u></em>" />
      </a>

But if I try to do it with the shortcode field like this:

<a data-fancybox href="[types field='video-1'][/types]">
        <img class="card-img-top img-fluid" src="<em><u>hidden link</u></em>" />
      </a>

It breaks and makes that column all wonky.

[chrisC-25]

My issue is resolved now. Thank you!