Mi problema es el siguiente: Tengo una etiqueta vídeo en el que muestro vídeos subidos por los usuarios de una app.
La etiqueta ahora mismo está así:
Código PHP:
<video width="100%" controls autoplay onended="cerrarCuadro(this)">
<source src="ruta_video.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
<source src="ruta_video.mp4" type='video/webm; codecs="vp8, vorbis"'/>
<source src="ruta_video.mp4" type='video/ogg; codecs="theora, vorbis"'/>
Tu navegador no soporta la reproducción de este vídeo. ¡Lo sentimos!
</video>
El problema es que la mayoría de los vídeos me los reproduce bien pero unos pocos se oyen y no se ven, es decir, se reproduce correctamente el audio pero no la imagen, que se queda en blanco.
Como los usuarios suben el vídeo desde todo tipo de dispositivos, he hecho una lista con las características de los vídeos que fallan, y no he encontrado ningún patrón común: los hay que son MP4 y los hay MOV, los hay que ocupan pocos megas y otros que ocupan más, de todos los formatos y velocidades de reproducción.
Uso Chrome, pero los vídeos tampoco se ven en Firefox ni Explorer, aunque misteriosamente en Edge sí.
¿Alguna idea de dónde puede estar el problema? Si alguien necesita más información que me lo diga.
Gracias
Gonzalo.
