Autoplay
Autore: Francesco R.
Visite 1073,
Followers 1,
Condiviso 0
C'è una soluzione per far partire i video mp4 in automatico senza fare play da smartphone. ho questo sito https://www.autofiumesrl.it/test/ da browser pc tutto ok l'autoplay funiona ma da smartphone devo cliccare su play.
Postato il
... no! ...sui dispositivi "mobile" la regola del WEB con audio è quella, come indicato anche sulla guida sin dalle prime versioni...
... ed ora adottata anche da alcuni recenti ed importanti browser sui pc per adeguamento alla convenzione...
.
Non mi risulta che ci sia una vera e propria convenzione, ossia mi risulta che se linki un video solo da youtube o da vimeo per intenderci sui mobili appare il play ma non fa la stessa cosa se il video lo elabori tu e lo fai partire dal server in modalità loop (esempio uno slider veloce e immagine di momentanea sostituzione nel caso tardasse a caricarsi). Parliamo di video di 500-600 kb altrimenti se si andasse oltre la banda sarebbe troppo pesante nei territori con il 4G o adirittura in UMTS.
Ciao Francesco:
Il "video" che appare nel collegamento è in realtà un'immagine in movimento con estensione gif. E posso vederlo sul mio cellulare. Il tag <img> sarebbe più che sufficiente, anche se aggiungo alcuni attributi.
Esempio:
<img src="https://www.autofiumesrl.it/test/video" alt="Autos" style="width:100%;max-width:720px;padding:4px;background:#c1c1c1;">
Questi tipi di immagini generalmente non dovrebbero avere audio, che in realtà è il problema che non vengono riprodotte nei browser (per i motivi sopra descritti da KolAsim). Alcuni designer hanno inserito diversi video e tutti con riproduzione automatica ed è stata una tortura per l'utente ascoltare così tanti audio e anche con pubblicità nei video con audio... pfff horror.
Tuttavia, la riproduzione automatica è consentita a condizione che l'audio del video sia disattivato. (e non è garantito che tutti i browser lo riproducano automaticamente)
Ora, nelle immagini in movimento (GIF) gli attributi vengono inseriti quando viene creata la gif stessa, a differenza degli attributi che vanno all'interno del tag video. Il che mi porta alla tua domanda.
Per posizionare video in html5 con il tag video con riproduzione automatica dovrebbe essere come, ad esempio:
<video style="width:100%;max-width:720px;padding:4px;background:#c1c1c1;" autoplay muted playinline controls loop>
<source src="#" type="video/mp4">
Il tuo browser non supporta i video HTML5
</video>
sostituisci # con l'indirizzo del video (logicamente devi prima caricare il video sul server)
(e non è garantito che tutti i cellulari lo riproducano automaticamente)
Spero che la spiegazione non vada persa nella traduzione.
Saluti.
@Roberto, in realtà qualcosa c'è di stabilito.
x i browser basati su chromium, ad eempio:
https://blog.chromium.org/2017/09/unified-autoplay.html
https://blog.google/products/chrome/improving-autoplay-chrome/
https://developer.chrome.com/blog/autoplay/#webaudio
Ma come si era già detto in altri post...è attivo il blocco dell'autoplay sempre con audio... negli altri casi "dipende"
se il sito è molto visitato e i visitatori "normalmente" fanno PLAY... (vedi YT, Vimeo, FB, etc etc...)
se il sito è già stato visitato dal navigatore o ha già interagito in tal senso...
etc etc...
poi ovvio, oltre le regole di base, dipende dal browser che usi e da come è stato configurato, come ha già detto giustamente @Miguel.
il browser BRAVE , tendenzialmente blocca tutto
@Claudio: IO utilizzo spesso video slider con immagine pre-caricata su parecchi siti di clienti ma ad oggi non ricevuto alcun feeback negativo probabilmente perchè tutti senza audio e forse questa è la salvezza. Tra l'altro prima di pubblicarli li provo anche sui cellulari con vari browser e non mi da segni di autoplay. Vero è che non ho mai pubblicato un video con audio se non le presentazioni dei demo linkati da youtube e, in quel caso, c'è l'autoplay.
Come detto da Claudio: "se il sito è già stato visitato dal navigatore o il visitatore ha già interagito in tal senso..." il video (ma non l'audio!) parte in automatico (o almeno dovrebbe). Per ovviare a ciò, e quindi creare una interazione iniziale "obbligatoria" per il visitatore, io ho inserito una pagina di ingresso su una mia prova, il navigatore è "costretto" a creare una interazione con il sito cliccando sul pulsante "Entra" e, all'ingresso sulla home, il video parte in automatico. Qui l'esempio:
https://www.test70.altervista.org/underwearshop05/
La stessa cosa però NON vale per l'audio. Nel proprio browser il navigatore può decidere se far partire l'audio in automatico o disattivare la riproduzione automatica (vedi screenshot sotto relativi a Chrome e Firefox). Se il navigatore ha optato per l'audio NON automatico, non puoi fare nulla.
Chrome:
FireFox:
Come vedi In FireFox il navigatore può anche bloccare l'avvio automatico dei media oltre che del solo audio.
FireFox:
... x Francesco, ...nella pagina che hai linkato attualmente non ci sono video propriamente detti (mp4,webm) e neanche oggetto Video/Suono, ma immagine GifAnim(!) (67.5) MB, che ovviamente non ha suono, e non sono presenti neanche file audio (mp3,webm) a servizio.....
... a livello generale,e a completamento di quanto già noto e affrontato in altri Topic, se nel programma si fa uso di video come sfondo della riga, allora funzionerà in autoplay+loop in quanto il video viene silenziato (attr.muted) automaticamente dal programma stesso...(*)...
...partendo dal presupposto che gli autoplay video ed audio sarebbero da evitare, tutto il resto può essere relativo al tipo di interattività come già detto da Claudio...
... per esempio potrebbe funzionare in caso di apertura di seconda pagina dello stesso sito o di ritorno sempre dallo stesso sito...
...(*)... in questo caso per chi interessasse da qualche parte cercando nel Forum potrebbe trovarsi qualche mia invenzione per attivare l'audio si-no...
.
ciao
.
@Kol: "per esempio potrebbe funzionare in caso di apertura di seconda pagina dello stesso sito o di ritorno sempre dallo stesso sito..."
Come spiegato da me sopra basterebbe a quel punto creare una pagina di ingresso con pulsante "Entra" e si crea una "interazione forzata" con il sito da parte del navigatore, il video parte in automatico dopo il click su "Entra", per l'audio il discorso è diverso. Il link del mio esempio è postato nei miei precedenti messaggi.
Ciao
... ho visto il tuo post adesso perchè stavo digitando, ma in pratica sì, è così...
.
@giuseppe guida: Ma se il video lo metti in stile righe ossia senza la preliminare interazione con "ENTRA", ti parte con autoplay? Per me parte uguale se è senza audio. Comunque a me parte il video che ho trovato moltooooooo interessante!
Ciao Roberto. Sì, nello Stile Righe parte in automatico il video senza audio. La pagina d'ingresso serve nel caso in cui il video non è in Stile Righe. Rimane però sempre il problema dell'audio che può sentirsi o non sentirsi in base a come l'utente ha settato i permessi per il proprio specifico browser come descritto in precedenza.