Il video di sfondo non viene riprodotto su mobile – ZenBlocks buttonBasic
Conclusione
Su mobile, il problema dipende spesso dalle **restrizioni di autoplay del browser**. Impostare un’immagine fallback e la soluzione piu sicura.
—
Cause
1. Restrizioni autoplay in iOS Safari.
2. Modalita risparmio dati su Android.
3. File video troppo pesante.
4. Codec non supportato.—
Procedura
### Step 1: impostare immagine fallback
1. Apri le impostazioni di sfondo.
2. Imposta un’immagine statica oltre al video.### Step 2: ottimizzare il video
1. Dimensione massima consigliata: **5 MB** (meglio <= 2 MB).
2. Risoluzione consigliata per mobile: **fino a 720p**.
3. Formato consigliato: **MP4 (H.264)**.
4. Rimuovi la traccia audio.### Step 3: considerare i limiti browser
| Ambiente | Limite principale |
|—|—|
| iOS Safari | autoplay richiede `muted` + `playsinline` |
| iOS Low Power Mode | autoplay spesso disattivato |
| Android Data Saver | caricamento automatico limitato |
| Browser vecchi | supporto codec parziale |### Step 4: separare per dispositivo
1. Desktop: usa video.
2. Tablet/smartphone: usa immagine statica se necessario.
3. Differenzia il comportamento con impostazioni responsive.—
Note
– Il video di sfondo puo impattare LCP/Core Web Vitals.
– Sovrapposizione + fallback aiuta a mantenere un aspetto coerente.—
Impostazioni correlate
– [Impostazioni sfondo](../background/)
– [Impostazioni visualizzazione](../display/)