SERGIOIGLESIAS

Blog sobre Joomla

SIS VideoGrid: módulo Joomla 4 que muestra vídeos de Youtube

Hoy te traigo un nuevo módulo para Joomla 4 en el que he estado trabajando para un proyecto web y con el que podrás presentar vídeos de Youtube en formato Grid de Bootstrap 5.

SIS VideoGrid: módulo #Joomla 4 que muestra vídeos de Youtube - #Joomla4 #MejorConJoomla Tuitéalo

Por qué desarrollar este módulo para Joomla 4

He estado trabajando en un pequeño proyecto que tendrá una página web creada con Joomla 4 y en la que, en la portada, habrá varios vídeos de Youtube.

Después de tratar el tema de diseño, decidimos que necesitábamos mostrar los vídeos de una determinada manera:

  • Un vídeo embebido nada más cargar la web.
  • Varias capturas de vídeos en la parte lateral derecha.

Dicho y hecho.

Aquí te dejo una captura de cómo se mostraría este módulo:

sis videogrid demo

Como puedes ver, cumple con los necesidades marcadas.

  • Las capturas están todas en la parte lateral derecha.
  • Hay una captura por cada vídeo quedando como "activa" la que se está visualizando y el resto como "no activas".
  • Hay un efecto de scroll para mostrar todas las capturas.

Además, un par de datos importantes:

  1. El primero es que no usa jQuery. Utiliza Vanilla Javascript. De esta forma, evitamos dependencias de esta librería.
  2. El segundo es que he añadido una visualización más para mostrar las capturas justo debajo del vídeo.

Funcionamiento de SIS VideoGrid

Los pasos que tienes que seguir son los siguientes:

  1. Descargar el módulo de mi página web o de mi sitio de GitHub.
  2. Instalarlo de la forma habitual en Joomla.
    En este artículo tienes más información: Cómo instalar una extensión en Joomla.
  3. Ir al módulo y configurarlo.
  4. Habilitar el módulo en la posición que hayas elegido de la plantilla y listo.

Cómo configurar SIS VideoGrid

sis videogrid configuración

Tal y como puedes ver en la captura anterior tienes un campo para seleccionar el tipo de visualización y luego la opción de añadir tantas capturas/vídeos como necesites.

Por cada vídeo tenes que introducir su captura y su ID.


Así de sencilla es la configuración y así de sencillo es utilizar este módulo para Joomla 4 que muestra vídeos de YouTube en formato Grid de Bootstrap 5.

Tienes una demo de los 2 tipos de visualización en mi página de extensiones: Demo SIS VideoGrid

Puedes descargarlo desde mi página web: Descargar SIS VideoGrid

Espero que te haya gustado y te ayude en tus proyectos.

Si necesitas algún módulo a medida no dudes en contactar conmigo, estaré encantado en escuchar tus necesidades y ayudarte en tu web.

SIS VideoGrid: módulo #Joomla 4 que muestra vídeos de Youtube - #Joomla4 #MejorConJoomla Tuitéalo

Puedes poner en los comentarios mejoras que harías.

No hay comentarios

Suscríbete a mi newsletter

¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un Curso de desarrollo de plantillas Joomla.

Artículos relacionados

Solicita presupuesto

¿Quieres una página web que funcione?

Contacta conmigo y hablemos de tu proyecto.