Il video HTML5 non viene riprodotto in Firefox

Question

Ho convertito il file in tre diversi formati: mp4, web e ogv. Secondo caniuse firefox suppone sia l'ogg che il webm, ma non sta giocando nulla.

Ho convertito i file utilizzando Miro Converter, secondo altre persone questo dovrebbe funzionare bene. Credo che Chrome preleva il file webm (se faccio clic con il tasto destro del mouse -> apri in una nuova scheda, mi mostra il file webm), che è fantastico.

URL del sito: http://dev.fristil.se/hbh/

Ho un'immagine statica come sfondo. Il video deve essere visualizzato sopra, quindi se non si muove puoi dire che non funziona.

Qualche idea?

Answer 1

Il server non sta inviando il tipo mime corretto per il file.

Si invia Content-Type: text/plain

Il video HTML5 può giocare in Safari, Chrome e IE 9, ma non Firefox o IE 7-8. Se si risolve il problema del tipo MIME, verrà riprodotto in Firefox.

Se si utilizza il server web Apache o qualche derivato di Apache, è possibile utilizzare una direttiva AddType nel vostro livello di sito httpd.conf o in un file di.htaccess nella directory in cui si intende usare il file video. (Se si utilizza un altro server web, consultare la documentazione del server su come impostare l'header HTTP Content-Type per specifici tipi di file.)

AddType video/ogg .ogv 
AddType video/mp4 .mp4 
AddType video/webm .webm 

AddType audio/mpeg .mp3 
AddType audio/ogg .ogg 
AddType audio/mp4 .m4a 
AddType audio/wav /wav 

Hai stessa domanda qui: Video file .ogv plays locally in Firefox, but not from server e risposta più dettagliata: https://stackoverflow.com/a/6145629/1081079

Answer 2

Il server consegna la risorsa http://dev.fristil.se/hbh/wp-content/themes/skal/images/video/bubblybeer.webm con l'intestazione HTTP Content-Type: text/plain e pertanto Firefox si rifiuta di trattarlo come qualsiasi altra cosa.

"Teach" sul server per fornire contenuti come video/webm.

(Lo stesso vale per il vostro ogv - il server dice anche che sarebbe risorsa di testo, dovrebbe essere invece video/ogg.)

Answer 3

Il tuo problema è lato server. Il server sta effettivamente restituendo text/plain come tipo MIME per i video (almeno uno .ogg). Sarà necessario regolare la configurazione del server per restituire il tipo MIME corretto in modo che Firefox possa riconoscere correttamente il file. È lo stesso problema descritto qui: no video with supported format and MIME type found. What does this mean and how can I change this (semplicemente non vedi il messaggio perché non hai l'opzione controls nel tuo tag <video>).

Answer 4

Avevo lo stesso problema con webm utilizzando il lettore HTML5 Flowplayer. Firefox ha detto "HTML5 Video Not Found". All'inizio pensavo che Miro avesse un problema di codifica e ho provato diversi programmi, tutti con lo stesso risultato. Quindi l'ho ristretto a un tipo MIME improprio sul mio server, trasmettendo il webm come text/plain (puoi usare web inspector per vederlo) o Firefox semplicemente succhiando. Ho avuto il fornitore di hosting AddType video/webm .webm qualche tempo fa, quindi non posso essere positivo. Quello che ho fatto è stato rimuovere il riferimento al webm direttamente dal mio HTML dopo aver capito che avevo usato Flowplayer in passato e che necessitava solo di un singolo file mp4. Firefox può usare mp4.Rimuovi questo:

<source type="video/webm" src="URL_to_webm.webm" /> 

Che ha funzionato su tutto (IE, Chrome, Firefox, iPad, iPhone). Chrome 29 su Mac utilizza l'mp4.

Answer 5

Ho avuto lo stesso problema nel mio hosting di Windows. Per risolvere questo ho incluso l'impostazione mime in web.config all'interno di

<staticContent> 
    <mimeMap fileExtension=".webm" mimeType="video/webm" /> 
</staticContent>