2012-05-30 12 views
6

Probé un ejemplo simple para HTML5 pero parece que no funciona.video HTML5 no se reproduce

<!DOCTYPE html> 
<html> 
<body> 

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

</body> 
</html> 

He probado el ejemplo en el cromo, el vídeo se carga hacia arriba, pero no juega, puedo ver los fotogramas de vídeo si muevo el deslizador de un lado a otro, pero el vídeo en sí doesnot juego.

ACTUALIZACIÓN: Accedí a esto en localhost (tomcat), todavía está reaccionando de la misma manera. También noté que no puedo reproducir ningún video HTML5 en Chrome o Firefox (actualizado).

+0

esto no está permitido por razones de seguridad. Abra el archivo html localmente para ver el video o subir el video al servidor. Chrome dará este error: No se permite cargar el recurso local. – jasssonpet

+0

Incluso estoy enfrentando el mismo problema, la solución a continuación no es posible por mi programa debería escanear los directorios de videos y dar una opción para jugar, por favor vea la pregunta a continuación y me ayude a resolver el problema: http://stackoverflow.com/questions/16834173/html-5-video-tag-not-working-from-tomcat-edited/16834215? noredirect = 1 # comment24274462_16834215 – bali208

Respuesta

2

No se puede cargar un archivo local como ese con la etiqueta de video HTML5. Tendrá que usar un host local o un archivo alojado distante. Intenta instalar mamp/wamp y cárgalo a través del host virtual.

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

He realizado algunos cambios, todavía hay problemas, he actualizado la pregunta – frewper

+2

No estoy de acuerdo. Para reproducir un video 'HTML5' no necesita un host local, puede ejecutarse simplemente desde su escritorio, ya que el archivo HTML y el recurso de video están presentes localmente. – SexyBeast

0

Intente establecer una uri relativa para su video. La "D:/..." solo funciona en Windows localmente y no en todos los navegadores.

0

Chrome: ¿El archivo también contiene audio? Si es así y lo está jugando en el escritorio, conecte los altavoces al escritorio y verifique.

Firefox: contenido H.264 no es compatible

IE9: debe añadirse a la página de la siguiente <meta http-equiv="X-UA-Compatible" content="IE=edge" />

0

Puede ser debido a vídeo encoding.Check la codificación de vídeo y ver si Chrome eso lo respalda. Puede que haya una razón posible para enfrentarlo. Pruebe algunos codificadores como ff-mpeg para codificar videos.

2

No estoy de acuerdo con Alex Pereora. Se puede cargar desde la máquina local simplemente haciendo referencia a nombres de archivo y/o rutas.

Tuve un problema similar, y resultó que IIS en Win 7 Pro no tiene mp4 en sus tipos de mime. Debe agregar agregar el tipo de mimo. vea las instrucciones para agregar tipo MIME en el siguiente enlace.

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

3

añadir "controles" como una bandera. Le permite al navegador ejecutar su propio código de jugador en el video. Intenté esto con un archivo .mp4 en Chrome y funciona.

0

uso tanto en formato funciona bien en todos los navegadores:

<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

Tengo este problema cuando se aloja en IIS, y encontré la solución Here. En mi caso, incluso poner URL de video completo en Chrome me daría el error 404, porque el tipo MP4 MIME no existía en la configuración del sitio. Entonces, agregué .mp4 con MIME video/mp4, y todo salió bien. No sé si eso es lo mismo con Tomcat, pero que vale la pena intentarlo ...

0

añadir a autoplay loop etiqueta de video para el juego automáticamente como sigue:

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