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:
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:
- El primero es que no usa jQuery. Utiliza Vanilla Javascript. De esta forma, evitamos dependencias de esta librería.
- 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:
- Descargar el módulo de mi página web o de mi sitio de GitHub.
- Instalarlo de la forma habitual en Joomla.
En este artículo tienes más información: Cómo instalar una extensión en Joomla. - Ir al módulo y configurarlo.
- Habilitar el módulo en la posición que hayas elegido de la plantilla y listo.
Cómo configurar SIS VideoGrid
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.
