Saltar navegación

[Resuelto] Open Video in Lightbox from Embedded Media Field

This support ticket is created hace 4 años, 11 meses. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

Etiquetado: 

Este tema contiene 3 respuestas, tiene 2 mensajes.

Última actualización por chrisC-25 hace 4 años, 11 meses.

Asistido por: Christian Cox.

Autor
Mensajes
#1540867

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

example here:
enlace oculto

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

Thanks

#1541247

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/
enlace oculto

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.

#1541413

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

code looks like this

<a data-fancybox href="<em><u>enlace oculto</u></em>">
        <img class="card-img-top img-fluid" src="<em><u>enlace oculto</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>enlace oculto</u></em>" />
      </a>

It breaks and makes that column all wonky.

#1543403

My issue is resolved now. Thank you!