Schermo nero su Chrome per Android Video HTML5

Question

Problema: I video sono collocati nel mio sito: http://dege.cloud/ (clicca su una delle immagini) Quando carico la pagina sul mio desktop o su Firefox Mobile è tutto a posto. Quando la stessa pagina viene caricata su chrome per Android il video è nero senza controlli, i video non hanno audio, quindi non so se suona.

Risultati attesi: I video devono essere riproducibili, tag video hml5 non si avvia automaticamente sul cellulare, ma che non è un problema.

Analisi: Il tipo di contenuto dei video è corretto e l'ispezione della console sul dispositivo non fornisce errori. Ho dato la versione webm e mp4 dei video (strappata da http://giphy.com/).

Il codice per il video è questo:

<video autoplay muted loop class="img-responsive img-centered"> 
    <source src="img/portfolio/campominato-video.webm" type="video/webm" class="img-responsive img-centered"> 
    <source src="img/portfolio/campominato-video.mp4" type="video/mp4" class="img-responsive img-centered"> 
    <img src="img/portfolio/campominato-screen.png" class="img-responsive img-centered"> 
</video> 

jsfiddle del problema in azione: https://jsfiddle.net/Dege/1es4516p/

Answer 1

Da quello che posso dire, il problema è l'aspettativa che sarebbe la riproduzione automatica; mentre cromo Android 53 sarà autoplay muted videos, la versione predefinita corrente (51) non lo farà.

In ogni caso, se si aggiunge l'attributo controls all'elemento video e si preme play, il video viene riprodotto correttamente, il che conferma che non si tratta di un problema di codifica.

(FWIW, il jsfiddle ha 3 barre nello schema http utilizzato per caricare i video, non è questo il problema, ma si potrebbe comunque volerlo correggere)