Pagina de Multimedia

En esta pagina se van a utilizar los distintos bloques cuya función radica en el uso de distintos archivos multimedia, empezamos por el “Hero con video de fondo” el cual consta de un video y una imagen de fallback para casos en los que no se cargue el video correspondiente, también agrega configuraciones como el nivel de transparencia del video con respecto al texto

Bloque de video embebido

Este carrusel tiene activado "Lightbox" por lo que al hacer clic vas a ver la imagen en grande en un modal permitiendo hacer zoom y demás

¿Qué Bloques Usamos?

En esta página centrada en el uso de bloques de la categoría multimedia, usamos el bloque de carrusel de imágenes, el de video embebido, el “Comparador antes/después” y la grilla de videos.

El bloque de video embebido al igual que el hero con video de fondo permite usar una imagen de fallback que se presentara cuando el video no se cargue o en caso de que se detengan las animaciones con el flotante de accesibilidad, en caso de cargar videos de YouTube esta imagen de fallback no es necesaria dado que el sistema usa directamente la miniatura del video en cuestión.

El bloque de video embebido permite activar reproducción automática para los videos, no es recomendable activar este feature del bloque en caso de tener dos videos embebidos. En caso de querer cargar mas de un video lo ideal es usar el bloque “Grilla de videos” que permite insertar videos propios o desde YouTube también.

Tener en cuenta la carga de las imágenes en el bloque de comparación de antes/después para evitar confusiones

{# Cuando el bloque está en la zona lateral, agregamos un modificador que la CSS usa para forzar 1 columna vertical, ignorando el `cols` elegido por el operador. Pensado así porque el lateral es angosto y una grilla 3 col rompe la legibilidad. #}

Grilla de videos