2010-06-03 22 views
7

Me pregunto qué estoy haciendo mal?Problema de 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> 

esta paz de código se encuentra en mi index.html. en el mismo directorio obtuve los 3 archivos de video (mp4, webm, ogv)

De alguna manera aparece el componente de video, sin embargo, no se reproduce ningún video. Una gran X aparece dentro del componente de video.

Respuesta

7

Supongo que este es un duplicado de an earlier question. Si es así, la respuesta es: Asegúrese de que la configuración del servidor tiene las siguientes asociaciones:

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

Ah, esto es probablemente todo. También tuve este problema y no pude lograr que Apache reconociera los archivos .ogv. Cambie la extensión a .ogg (ya que generalmente está configurado de manera predeterminada) y vea si eso funciona. –

+0

¿dónde hago estos cambios para tomcat? – frewper

1

¿Sobre qué navegador? IE, por ejemplo, no admite el elemento de video en absoluto. Además, el elemento del curso es un elemento vacío y, como tal, no debe tener una etiqueta final. También noté un error en Firefox donde el archivo Ogg tiene que ser el primer recurso, de lo contrario no funciona. Esto puede haberse arreglado en 3.6.3 sin embargo.

+0

estoy usando firefox 3.6 y está trabajando aquí http://diveintohtml5.org/video.html (desplácese hacia abajo), estoy usando exactamente el mismo código y parece que no puedo hacerlo funcionar en ¡Firefox! sin embargo, está funcionando en cromo y safari. solo Firefox no lo soportará. ADEMÁS, no tengo idea de cómo puedo ubicar este video con CSS. #movie no funciona! – matt

+0

¿También está usando el doctype html5? –

+0

Ian, el tipo de documento no tiene nada que ver con esto. – hsivonen

1

Firefox 3.6 no es compatible con el formato de vídeo WebM. Para ver los videos de HTML5 WebM, debe descargar un nightly build of Firefox 4

Para Ogv cuide las tasas de fotogramas y no espere mostrar videos de alta definición. Con una tasa más alta, Firefox no pudo mostrar mi video, pero cuando reduzco la velocidad de cuadros y la calidad, funciona bien.