L’autoplay dei video è una funzionalità molto richiesta in vari contesti web, come nei siti di e-commerce, blog, e piattaforme di social media. Tuttavia, su dispositivi iOS, l’autoplay dei video può presentare delle sfide specifiche. In particolare, senza alcune impostazioni, i video tendono a non partire automaticamente come avviene sui dispositivi desktop. In questo articolo, esploreremo come l’attributo playsinline può essere utilizzato per risolvere questo problema e abilitare l’autoplay dei video su iOS mobile.
Perché l’Autoplay Non Funziona su iOS di Default?
Apple ha implementato delle restrizioni sull’autoplay dei video sui suoi dispositivi mobili per risparmiare dati e migliorare l’esperienza utente. Su Safari mobile e nelle WebView di iOS, i video non vengono riprodotti automaticamente a meno che non siano rispettate alcune condizioni specifiche, una delle quali è l’uso dell’attributo playsinline.
Cos’è l’Attributo playsinline?
L’attributo playsinline è un attributo booleano che può essere aggiunto al tag <video> per indicare che il video deve essere riprodotto in linea (inline), ovvero all’interno della pagina, piuttosto che in modalità a schermo intero. Questo è cruciale per permettere l’autoplay su dispositivi iOS, poiché senza questo attributo, i video tendono a passare automaticamente in modalità a schermo intero quando riprodotti, interrompendo così l’autoplay.
Come Utilizzare playsinline per Abilitare l’Autoplay
Per fare in modo che un video si avvii automaticamente su iOS, è necessario aggiungere sia l’attributo playsinline che l’attributo autoplay al tag <video>. Ecco un esempio di come dovrebbe apparire il codice HTML:
<video src="percorso_del_video.mp4" autoplay playsinline muted><br /> Il tuo browser non supporta il tag video.<br /> </video>
