El vídeo de fondo se ha convertido en un recurso habitual en la home de despachos de abogados que quieren transmitir modernidad desde el primer segundo: una toma de la sala de reuniones, el equipo trabajando, el perfil de la ciudad de fondo. Pega bien visualmente, pero arrastra dos problemas que rara vez se valoran antes de activarlo: el peso que añade a la carga de la página y la obligación de accesibilidad que impone cualquier contenido en movimiento. Antes de subir el clip a la home conviene saber qué marca la norma y cuánto cuesta en rendimiento.
Un vídeo de fondo necesita botón de pausa en cuanto supera los 5 segundos reproduciéndose en bucle junto a otro contenido: lo fija el criterio 2.2.2 de la WCAG 2.2, que exige poder pausarlo, detenerlo u ocultarlo salvo que el movimiento sea imprescindible para la función de la página.
Por qué gana terreno el vídeo de fondo
El vídeo de fondo todavía es minoritario pero crece rápido: según el Web Almanac 2024 de HTTP Archive, un 6,7% de las páginas móviles y un 7,7% de las de escritorio ya incluyen al menos un vídeo, un 32% más que en 2022. En el sector legal el impulso es estético: una home con movimiento transmite actividad e inversión frente a la fotografía estática de fachada o sala de reuniones que llevan la mayoría de despachos.
Cuánto pesa un vídeo de fondo en la carga
El mismo informe mide el coste: la mediana de peso de un vídeo es de 194 KB en escritorio y 299 KB en móvil, y en el percentil 90 sube hasta 2.835 KB y 3.432 KB respectivamente, justo el dispositivo con menos margen de red y batería. Ese peso adicional sobre lo que ya carga la home es lo que explica que el LCP suspenda en 4 de cada 10 webs que se ven en el móvil: un vídeo de fondo sin comprimir ni diferido compite por banda ancha con el resto de recursos de la portada desde el primer segundo.
El límite de 5 segundos que marca la WCAG
El criterio 2.2.2 de la WCAG 2.2 obliga a dar control al usuario sobre cualquier contenido que se mueva, parpadee o se desplace solo, dure más de 5 segundos y aparezca junto a otro contenido de la página. Un vídeo de fondo en bucle cumple las tres condiciones casi siempre, así que necesita un botón visible para pausarlo, detenerlo u ocultarlo, salvo que ese movimiento sea esencial para lo que hace la página, un supuesto que casi nunca aplica a una home de despacho.
El botón de pausa que exige el criterio
El control tiene que ser operable por teclado, visible sin pasar el ratón por encima y accesible desde que empieza la reproducción, no solo tras los 5 segundos. No basta con un icono discreto en una esquina que solo aparece al pasar el cursor: un usuario que navega con teclado o con lector de pantalla tiene que encontrarlo igual. La misma lógica obliga a que el efecto parallax pueda apagarse en tu web: cualquier movimiento continuo en pantalla, venga de un vídeo o de un desplazamiento con parallax, cae bajo el mismo criterio de la WCAG.
El vídeo de fondo nunca lleva sonido en autoplay
Chrome, Safari y Firefox solo permiten la reproducción automática si el vídeo va silenciado: con sonido, el navegador lo bloquea salvo que el usuario ya haya interactuado antes con el dominio. En la práctica esto resuelve solo una parte del problema de accesibilidad: al no llevar audio, no hace falta subtítulo ni transcripción, pero sigue haciendo falta el control de pausa del apartado anterior, porque el criterio 2.2.2 no depende del sonido sino del movimiento. Lo que sí hay que vigilar es el peso que el silencio no reduce: un vídeo de fondo mudo pesa lo mismo que uno con audio y sigue compitiendo con el resto de recursos de los Core Web Vitals, el examen técnico que decide tus leads antes de que el visitante llegue a leer una palabra del despacho.
La WCAG llama «contenido en movimiento» a cualquier elemento que cambie de forma visible sin que el usuario lo pida: un vídeo en bucle, un carrusel automático o un desplazamiento con parallax entran todos en la misma definición.
Alternativas a un clip de fondo que pesa
No todo despacho necesita vídeo de fondo para parecer activo. Antes de sumar peso y una obligación de accesibilidad más, conviene valorar opciones que transmiten lo mismo con menos coste:
- Una fotografía de alta calidad del equipo o del despacho, comprimida en WebP, con el mismo encuadre que habría tenido el primer fotograma del vídeo.
- Un vídeo corto, de menos de 5 segundos, que no dispara el criterio 2.2.2 por duración aunque siga obligando a que no lleve sonido.
- Un vídeo con control de reproducción visible desde el primer fotograma, en lugar de en bucle automático, que el visitante decide si activa.
- Una animación CSS ligera (un degradado que se mueve, una forma que aparece) que pesa kilobytes en vez de megabytes y no entra en el mismo criterio si dura menos de 5 segundos.
Claves para configurar un vídeo de fondo correcto
Si el despacho decide seguir adelante con el vídeo de fondo, hay una lista corta que separa una implementación correcta de una que acumula avisos de accesibilidad y de rendimiento a la vez. Como ya vimos al medir cuánta velocidad de carga decide cuántos leads pierde tu despacho, cada decisión de este apartado afecta a los dos frentes a la vez:
- Comprimir el archivo en formato MP4 con códec H.264 o en WebM, nunca subir el vídeo sin procesar que entrega la cámara.
- Añadir un botón de pausa visible y operable por teclado desde el primer fotograma, no solo a partir del segundo 5.
- Cargar el vídeo de forma diferida (lazy load) para que no compita con el texto y el botón de contacto por los primeros recursos de la página.
- Poner siempre muted y loop en el reproductor y dejar un fotograma estático de respaldo (poster) para conexiones lentas.
Preguntas frecuentes sobre el vídeo de fondo
¿Necesita botón de pausa un vídeo de menos de 5 segundos?
No por duración: el criterio 2.2.2 solo se activa a partir de los 5 segundos de reproducción automática. Un clip más corto en bucle continuo sí vuelve a contar los 5 segundos cada vez que se repite, así que en la práctica conviene añadir el control igual.
¿Puede llevar sonido un vídeo de fondo en autoplay?
No de forma automática: los navegadores bloquean el audio en la reproducción automática salvo que el usuario ya haya interactuado antes con la web. Si el despacho quiere sonido, tiene que activarlo el propio visitante con un control visible.
¿Afecta el vídeo de fondo al posicionamiento de la web?
No de forma directa, pero sí a través del rendimiento: un vídeo pesado retrasa el LCP de la portada, y ese tiempo de carga es una de las señales que Google usa para valorar la experiencia de la página.
¿Qué pasa si ya tengo un vídeo de fondo sin botón de pausa?
No hay sanción automática por no cumplir un criterio de la WCAG en una web privada de este tipo, pero sí un problema real de uso para quien navega con teclado o con lector de pantalla. Añadir el control es un cambio pequeño frente al coste de perder a ese visitante.
