Problema con reproducción de video

Middrel · #1 (**permalink**) 09/07/2013, 10:48

Hola, buenos días!!

Tengo un problema al querer reproducir un vídeo de introducción en una página que estoy haciendo.

Cuando el vídeo se ejecuta en PC, Mac o notebooks funciona bien, el problema sucede cuando lo reproduzco en móviles (con android y iphones).

El código que estoy utilizando es el siguiente:

Código HTML:

Ver original<div id="content-video">
        <video class="video-present" autoplay>
            <source src="video/video.mp4" type="video/mp4">
            <source src="video/video_VP8.webm" type="video/webm">
            <source src="video/video_x264.mov" type="video/mov">
            <source src="video/video_mpeg2video.mpg" type="video/mpg">            
            <source src="video/video_xvid.mkv" type="video/mkv">            
            ¡Tu navegador no soporta reproducción de video!
        </video>
</div>

y, obviamente, los videos están cargados en la carpeta de "video", con sus respectivos nombres.

Al tratar de reproducirlo en un Samsung Galaxy Plus sólo me aparece el icono de video pero no la animación, lo mismo sucede con los iphones.

Ya estuve leyendo algunos tuoriales pero no veo que hago mal, alguien tiene alguna idea?

De antemano, les agradezco por su tiempo.

Saludos!

Triby · #2 (**permalink**) 09/07/2013, 12:42

Todos los dispositivos iOS (itab, iphone, etc.) pueden mostrar videos mp4 y mov sin problemas, me extraña que, siendo mp4 el primero, no se pueda reproducir; tal vez los códecs no son los adecuados.

La única forma en que he podido reproducir videos en celulares (android) fue usando un servidor de streaming (WowzaMediaServer) y el video en formato 3gp; algunas tabletas android soportan perfectamente mp4.

Por cierto, algunos de los formatos que proporcionas no son soportados en navegadores, revisa esto: http://www.w3schools.com/html/html5_video.asp

Teóricamente, bastaría con mp4, webm, ogv y 3gp para móviles... aunque no está de más un fallback con flv y reproductor en flash para navegadores antiguos.

Middrel · #3 (**permalink**) 09/07/2013, 15:09

Si, deje muchos porque estaba haciendo muchas pruebas. En verdad se me hace raro que no funcione correctamente, voy a revisar nuevamente, pero esa página sólo tiene esa porción de código, después de eso redirecciona.

El código completo es este:

Código HTML:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Decodifica</title>

<link href="css/style.css" rel="stylesheet" type="text/css" media="all">

</head>

<body onload="redireccionar()">
	<div id="content-video">
    	<video class="video-present" autoplay>
        	<source src="video/video.mp4" type="video/mp4">
            <source src="video/video_VP8.webm" type="video/webm">
            <source src="video/video_x264.mov" type="video/mov">
            <source src="video/video_mpeg2video.mpg" type="video/mpg">            
            <source src="video/video_xvid.mkv" type="video/mkv">            
            <source src="video/video_libtheora.ogv" type="video/ogv">                        
            ¡Tu navegador no soporta reproducción de video!
        </video>
    </div>
    
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>   
    <script language="Javascript">
		function redireccionar() { setTimeout("location.href='decodifica.html'", 5000);	}		
	</script>
</body>
</html>

Gracias por los comentarios!! Saludos!

Rafael · #4 (**permalink**) 09/07/2013, 17:13

Revisa los codecs. Hecha un vistazo a este tema: http://www.forosdelweb.com/f3/conver...ratis-1052472/