2012-05-30 28 views
6

Ho provato un semplice esempio per HTML5 ma non sembra funzionare.HTML5 video non riprodotto

<!DOCTYPE html> 
<html> 
<body> 

<video width="320" height="240" controls="controls"> 
    <source src="resources/sample/sample1.m4v" type="video/mp4" /> 
</video> 

</body> 
</html> 

Ho provato l'esempio su Chrome, i carichi di video, ma non gioca, posso vedere i fotogrammi video se mi spostare il cursore avanti e indietro, ma il video stesso doesnot gioco.

AGGIORNAMENTO: Ho effettuato l'accesso a localhost (tomcat), ma continua a reagire nello stesso modo. Inoltre ho notato che non sono in grado di riprodurre video HTML5 su Chrome o Firefox (aggiornati).

+0

questo non è consentito per motivi di sicurezza. Aprire localmente il file html per visualizzare il video o caricare il video sul server. Chrome darà questo errore: Non è consentito caricare la risorsa locale. – jasssonpet

+0

Anche io sto affrontando lo stesso problema, La soluzione qui sotto non è possibile dal mio programma dovrebbe eseguire la scansione delle directory per i video e dare un'opzione per giocare, Si prega di vedere la domanda di seguito e aiutarmi a risolvere il problema: http://stackoverflow.com/questions/16834173/html-5-video-tag-not-working-from-tomcat-edited/16834215? noredirect = 1 # comment24274462_16834215 – bali208

risposta

2

Non è possibile caricare un file locale come quello con il tag Video HTML5. Dovrai usare un localhost o un file in hosting distante. Prova a installare mamp/wamp e caricarlo attraverso l'host virtuale.

<source src="http://localhost/development/programs/html/html5/sample/sample1.m4v" type="video/mp4" /> 
+0

Ho apportato alcune modifiche, problema ancora lì, ho aggiornato la domanda – frewper

+2

Non sono d'accordo. Per riprodurre un video 'HTML5' non è necessario un localhost, può essere eseguito semplicemente dal desktop, i/e sia il file HTML che la risorsa video sono presenti localmente. – SexyBeast

0

Prova a impostare un uri relativo per il tuo video. "D:/..." funziona solo su Windows localmente e non su tutti i browser.

0

Chrome: il file contiene anche l'audio? Se è così e lo stai giocando sul desktop, collega gli altoparlanti al desktop e controlla.

Firefox: contenuti H.264 non è supportato

IE9: Il seguente deve essere aggiunto alla tua pagina <meta http-equiv="X-UA-Compatible" content="IE=edge" />

0

Può essere a causa di video encoding.Check la codifica del video e vedere se Chrome sostiene che. Potrebbe essere una possibile ragione come ho affrontato. Prova alcuni codificatori come ff-mpeg per codificare i video.

2

Non sono d'accordo con Alex Pereora. Può essere caricato dalla macchina locale semplicemente facendo riferimento a nomi di file o percorsi.

Avevo un problema simile e ho scoperto che IIS in Win 7 Pro non ha mp4 nei suoi tipi di mime. Devi aggiungere aggiungere il tipo mime. vedere le istruzioni per aggiungere il tipo mime nel link sottostante.

html5 video is not playing mp4 error "Invalid Source"?

3

aggiungere "controlli" come una bandiera. Permette al browser di eseguire il proprio codice giocatore sul video. Ho provato questo con un file .mp4 su Chrome e funziona.

0

uso sia in formato funziona bene in tutti i browser:

<video width="640" height="360" controls> 
    <!-- MP4 must be first for iPad! --> 
    <source src="unbelievable.mp4" type="video/mp4" /><!-- Safari/iOS video --> 
    <source src="movie.ogg" type="video/ogg" /><!-- Firefox/Opera/Chrome10 --> 
</video> 
0

ho avuto questo problema quando l'hosting su IIS, e trovato la soluzione Here. Nel mio caso, anche l'inserimento dell'URL video completo su Chrome mi avrebbe dato un errore 404, perché il tipo MIME MP4 non esisteva sulla configurazione del sito. Così, ho aggiunto .mp4 con MIME video/mp4, e tutto ha funzionato. Non so se questo è lo stesso con Tomcat, ma che vale la pena provare ...

0

aggiungere autoplay loop al tag video per il gioco automaticamente come segue:

<!DOCTYPE html> 
<html> 
<body> 
<video width="320" height="240" autoplay loop> 
    <source src="resources/sample/sample1.m4v" type="video/mp4" /> 
</video> 
</body> 
</html>