HTML5 <video> etiqueta en Chrome no funciona

Question

He notado un problema extraño con la etiqueta HTML5 <video/> en Chrome.

uso de este, que trabaja muy bien:

<video poster="023.png" autoplay controls> 
<source src="todojunto.mp4" type="video/mp4" /> 
</video> 

Esto sólo se reproduce el sonido, no hay vídeo:

<video poster="023.png" autoplay > 
<source src="todojunto.mp4" type="video/mp4" /> 
</video> 

Si quito el atributo poster, funciona de nuevo.

Todos los demás navegadores (incluso IE9 ...!) Funcionan perfectamente, y parece que no puedo encontrar el motivo.

¿Alguna idea/ayuda?

Gracias

Answer 1

atributos de

vídeo Marcar deben ser especificadas para la aplicación estricta norma:

<video poster="023.png" autoplay="autoplay" controls="controls"> 
    <source src="todojunto.mp4" type="video/mp4" /> 
</video> 

Si esto no funciona, no se cambia algo en las preferencias del navegador

Answer 2

Me sorprende tu video incluso aparece. Chrome dejó de admitir mp4. Debe usar un archivo .webm cuando trabaje con Chrome para videos html5.

Answer 3

He encontrado el mismo error. Lo arreglé agregando la etiqueta preload = "auto".

<video autoplay loop preload="auto" poster="023.png"> 
    <source src="todojunto.mp4" type="video/mp4" /> 
</video> 

No sé si esto funcionará para usted, y ha pasado un tiempo desde que hizo la pregunta. ¡Pero tal vez esto ayude a alguien en el futuro!

Answer 4

Acabo de convertirlo a ogv y funciona bien en todos los navegadores. Tuve un problema con Firefox pero ya no hubo problemas. También mostraba un fondo gris pero ahora, ahora nunca más. aquí está mi código: lo puedes ver en eargo.com/products

<video class="" style="" autoplay loop> 
      <source class="" src="video.ogv" > 
      <source class="" src="video.mov" > 
      <source class="" src="video.mp4" > 
</video> 

lo puedes ver después del 5-7-2015.