WebSite X5Help Center

14 ANSWERS - 1 USEFUL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... 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...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User

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.

Read more
Posted on the from Roberto M.
Miguel Galarza
Miguel Galarza
User

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.

Read more
Posted on the from Miguel Galarza
Claudio D.
Claudio D.
Moderator
Best User of the month IT

@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

Read more
Posted on the from Claudio D.
Roberto M.
Roberto M.
User

@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.

Read more
Posted on the from Roberto M.
Giuseppe Guida
Giuseppe Guida
User

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:

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Come vedi In FireFox il navigatore può anche bloccare l'avvio automatico dei media oltre che del solo audio.

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

FireFox:

Read more
Posted on the from Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... 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

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

@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

Read more
Posted on the from Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... ho visto il tuo post adesso perchè stavo digitando, ma in pratica sì, è così...
.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User
 ‪ KolAsim ‪ ‪
... ho visto il tuo post adesso perchè stavo digitando, ma in pratica sì, è così... .

smile

Read more
Posted on the from Giuseppe Guida
Roberto M.
Roberto M.
User

@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! wink

Read more
Posted on the from Roberto M.
Giuseppe Guida
Giuseppe Guida
User

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.

Read more
Posted on the from Giuseppe Guida