El video de fondo no se reproduce en movil – ZenBlocks buttonBasic
Conclusion
En movil, la causa principal suele ser **la politica de autoplay del navegador**. Configura una imagen de fallback para mantener el diseno.
—
Causas
1. Restricciones de autoplay en iOS Safari.
2. Modo ahorro de datos en Android.
3. Archivo de video demasiado pesado.
4. Codec no compatible.—
Procedimiento
### Paso 1: configurar imagen fallback
1. Abre ajustes de fondo.
2. Configura una imagen estatica junto al video.### Paso 2: optimizar video
1. Tamano maximo recomendado: 5 MB (ideal <= 2 MB).
2. Resolucion recomendada: hasta 720p.
3. Formato recomendado: MP4 (H.264).
4. Sin pista de audio.### Paso 3: entender limites del navegador
| Entorno | Limitacion principal |
|—|—|
| iOS Safari | autoplay requiere `muted` + `playsinline` |
| iOS ahorro energia | autoplay puede desactivarse |
| Android ahorro datos | carga automatica limitada |
| Navegadores antiguos | compatibilidad parcial de codecs |### Paso 4: separar por dispositivo
1. Desktop: video.
2. Tablet/smartphone: imagen estatica.
3. Controlar por ajustes responsive.—
Puntos de atencion
– El video de fondo puede afectar LCP/Core Web Vitals.
– Superposición + fallback mantiene consistencia visual.—
Ajustes relacionados
– [Configuración de fondo](../background/)
– [Configuración de visualización](../display/)