2010-06-03 14 views
7

mi chiedo cosa sto facendo di sbagliato?problema video HTML5

<video id="movie" width="320" height="240" preload controls> 
    <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
    <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' /> 
    <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' /> 
</video> 

questa pace di codice si trova nel mio index.html. nella stessa directory ho ottenuto tutti e 3 i videofiles (mp4, webm, ogv)

In qualche modo il componente video viene visualizzato, tuttavia non viene riprodotto alcun video. Una grande X si presenta all'interno del componente video.

risposta

7

La mia ipotesi è che questo è un duplicato di an earlier question. In tal caso, la risposta è: Assicuratevi che il vostro config server dispone delle seguenti associazioni:

  • .ogv: video/ogg
  • .oga: audio/ogg
  • .ogg: application/ogg
  • .webm: video/WebM
  • .mp4: video/mp4
+0

Ah questo è probabilmente. Ho avuto anche questo problema e non ho potuto ottenere Apache per riconoscere i file .ogv. Cambia l'estensione in .ogg (come di solito è impostato per impostazione predefinita) e vedi se funziona? –

+0

dove apporto queste modifiche per tomcat? – frewper

1

Su quale browser? Ad esempio, IE non supporta affatto l'elemento video. Inoltre, l'elemento del corso è un elemento void e come tale non dovrebbe avere un tag di chiusura. Ho notato anche un bug in Firefox dove il file Ogg deve essere la prima risorsa altrimenti non funziona. Questo potrebbe essere stato risolto in 3.6.3 però.

+0

sto usando Firefox 3.6 e funziona qui http://diveintohtml5.org/video.html (scorri verso il basso), sto usando lo stesso codice esatto e non riesco a farlo funzionare in firefox! tuttavia funziona in chrome e safari. solo firefox non lo supporta. INOLTRE non ho assolutamente idea di come posso posizionare questo video con css. #movie non funzionerà! – matt

+0

Stai utilizzando anche il doctype html5? –

+0

Ian, il doctype non ha nulla a che fare con questo. – hsivonen

1

Firefox 3.6 non supporta il formato video WebM. Per visualizzare i video WebM HTML5 è necessario scaricare un nightly build of Firefox 4

Per Ogv fare attenzione ai frame rate e non aspettarsi di mostrare video HD. Con una velocità maggiore, Firefox non può mostrare il mio video, ma quando riduco la frequenza fotogrammi e la qualità, funziona perfettamente.