PrestaShop Diseño & Navegación

Video Background — Hero de vídeo para portada y categorías

Secciones hero de vídeo autoalojadas — cero cookies de terceros

Transforme su portada y sus páginas de categoría con banners de vídeo a pantalla completa: vídeo autoalojado sin YouTube ni Vimeo, lazy loading inteligente e imagen de respaldo automática en móvil.

De un vistazo
  • Hero de vídeo a pantalla completa en la portada y las páginas de categoría
  • Vídeo autoalojado MP4 + WebM: sin llamadas a YouTube o Vimeo, cero cookies de terceros
  • Lazy loading: el vídeo solo se descarga al entrar en el viewport
  • Imagen de respaldo en móvil: ni un byte de vídeo descargado bajo el breakpoint
  • Overlay multilingüe con título, subtítulo y botón de llamada a la acción
PrestaShop 8 PrestaShop 9 Multitienda RGPD
  • Reembolso de 30 días
  • 12 meses de actualizaciones
  • Soporte 24h
www.datafirefly.com/es/
Hero de vídeo de fondo en la home de PrestaShop, reproducción sin cookies
v1.0.0 · actualizado 2026-07-16
Qué hace

La versión corta.

01

Cero cookies, cero rastreadores

El vídeo se sirve directamente desde su servidor mediante la etiqueta video HTML5 nativa. Sin iframe de YouTube o Vimeo, sin cookies de terceros, nada que añadir a su banner de consentimiento: el cumplimiento del RGPD se convierte en argumento de venta.

02

Lazy loading inteligente

El archivo de vídeo solo se descarga cuando la sección se acerca al viewport (IntersectionObserver, margen de 200 px). La reproducción se pausa automáticamente fuera de pantalla para ahorrar batería y ancho de banda.

03

Móvil: imagen, no vídeo

Por debajo del breakpoint configurable (768 px por defecto), el módulo muestra una imagen de respaldo y nunca descarga el vídeo. Sus Core Web Vitals móviles permanecen intactos.

04

Secciones ilimitadas y multilingües

Cree tantas secciones como necesite: una por categoría, una para la portada. Título, subtítulo, botón, enlace y texto alternativo son traducibles a todos los idiomas de la tienda.

La versión larga

Todo lo que querrías saber antes de instalar.

Una mirada detallada a cómo funciona Video Background — Hero de vídeo para portada y categorías, por qué lo construimos así y la lógica detrás de las características anteriores.

§ 01

Un banner de vídeo que vende, sin sacrificar el RGPD

El vídeo de fondo es una de las palancas visuales más potentes para una portada e-commerce: escenifica sus productos, crea un universo de marca y aumenta el tiempo en página. El problema de las soluciones habituales: un embed de YouTube o Vimeo instala cookies de terceros, ralentiza la página con más de un megabyte de JavaScript y le obliga a condicionar la visualización al consentimiento. Video Background hace lo contrario: el vídeo se aloja en su propio servidor y se reproduce con la etiqueta video HTML5 nativa. Resultado: cero cookies, cero peticiones externas, nada que declarar en su banner de consentimiento.

§ 02

Diseñado para el rendimiento: lazy loading y respaldo móvil

Un vídeo mal integrado puede arruinar sus Core Web Vitals. El módulo solo descarga el archivo cuando la sección se acerca al viewport, pausa la reproducción cuando sale de la pantalla y nunca envía el vídeo a los visitantes móviles: por debajo del breakpoint que usted defina, una imagen de respaldo optimizada toma el relevo, con su propio texto alternativo. Los visitantes con la reducción de animaciones activada conservan la imagen póster, sin descargas innecesarias.

§ 03

Secciones a medida para la portada y cada categoría

Cree una sección hero para la portada, otra para su categoría estrella, una tercera para sus rebajas: cada sección tiene su vídeo MP4 y su variante WebM opcional, su póster, su imagen móvil, su altura en vh o píxeles, su overlay de color con opacidad ajustable y su bloque de contenido — título, subtítulo y botón de llamada a la acción — traducible a todos los idiomas de la tienda. El orden de visualización se gestiona arrastrando y soltando.

§ 04

Instalación en cinco minutos, sin ajustes técnicos

Instale el zip, cree su primera sección, suba su vídeo: ya está en línea. El módulo se apoya en los hooks estándar de PrestaShop, no modifica ningún archivo del tema y funciona con cualquier tema basado en Classic. Las subidas se verifican en el servidor (tipo MIME, extensión, tamaño máximo configurable) y los archivos se limpian automáticamente al reemplazar o eliminar una sección.