Problemas con el tag <video>

mblascog · #1 (**permalink**) 11/10/2012, 06:12

Buenas,
Resulta que en modo local puedo visualizar videos, pero cuando estos se encuentran en el servidor no.

El código que uso es el siguiente:

Código HTML:

Ver original<video controls autoplay preload />
<source src="imatges/forn2.mp4" type='video/mp4; codecs="avc1,mp4a"' />
<source src="imatges/forn2.ogg" type='video/ogg; codecs="theora,vorbis"' />
<object width="160" height="90" data="video.flv">
<param name="movie" value="imatges/forn2.flv">
<embed src="imatges/forn2.flv" width="160" height="90">
</object>
Tu navegador no soporta ni HTML5 ni Flash. Mejor actualizarse o cambiar!!!
</video>

O sea, en mi pc perfecto, pero cuando la cuelgo en Internet no se visualiza, tanto si lo dejo así, como si pongo la ruta entera, es decir, http://www.tepui.cat/interiors/imatges/forn2.ogg.

Alguna idea por favor? Gracias

Carlangueitor · #2 (**permalink**) 11/10/2012, 11:58

El link que pusiste da error:

Cita:

The page cannot be found

Así que me imagino que eso es lo que pasa, verifica las rutas

Saludos

mblascog · #3 (**permalink**) 11/10/2012, 12:15

Gracias por responderme.
Esto que dices lo he visto pero no entiendo porqué pasa.
Si en lugar de poner el link del video lo pongo de una imagen, funciona bien, es decir, http://www.tepui.cat/interiors/imatges/forn2.jpg.
Te prometo que en la misma carpeta existe el fichero forn2.ogg. Lo que no sé es si debiera visualizarse en el explorador o no, ya que es la primera vez que lo intento.
El caso es que me he bajado un ejemplo de Internet. Lo ejecuto localmente y se ve bien. Cuando lo subo al servidor, sin cambiar nada, ya no me funciona.
Yo no sé qué diferencia hay entre ejecutarlo localmente y remotamente.

Gracias.

emprear · #4 (**permalink**) 11/10/2012, 16:51

por lo pronto tenés
http://www.tepui.cat/imatges/
http://www.tepui.cat/interiors/imatges/
2 carpetas imatges, eso es normal?

En todos los casos los archivos de video reciben arrojan un 404, "página no encontrada"

mblascog · #5 (**permalink**) 13/10/2012, 11:39

Buenas,
Voy a insertar un ejemplo entero que me he bajado de Internet. Cuando lo ejecuto en mi ordenador se ve el video en todos los navegadores, cuando lo subo al servidor no. El enlace es: http://www.tepui.cat/proves2/video.html. Los videos están en el mismo directorio.

El código es este:

Código HTML:

Ver original<head>
<meta charset="utf-8" />
<title>Video HTML5</title>
<!--[if lt IE 9]><script type="text/javascript" src="html5ie.js"></script><![endif]-->
</head>
<body>
<div>
<video  width="480" height="360" controls="controls" preload="auto">
 <source src="mp4_video_h264.mp4" type='video/mp4' />
 <source src="ogg_video.ogv" type='video/ogg' />
 <source src="webm_video.webm" type='video/webm' />
<!-- flash para IE < 9 -->
                        <object id="Object1" type="application/x-shockwave-flash" data="player_flv_classic.swf" width="480" height="360">
                            <param name="movie" value="player_flv_classic.swf" />
                            <param name="wmode" value="opaque" />
                            <param name="allowScriptAccess" value="allways" />
                            <param name="quality" value="high" />
                            <param name="menu" value="true" />
                            <param name="autoplay" value="false" />
                            <param name="autoload" value="false" />
                            <param name="FlashVars" value="configxml=flv_video.xml" />
                        </object>
</video>
</div>
 
<div>
<p>CÃ³digo fuente</p>
<pre>
&lt;video  width=&quot;480&quot; height=&quot;360&quot; controls=&quot;controls&quot; preload=&quot;auto&quot;&gt;
 &lt;source src=&quot;mp4_video_h264.mp4&quot; type='video/mp4' /&gt;
 &lt;source src=&quot;ogg_video.ogv&quot; type='video/ogg' /&gt;
 &lt;source src=&quot;webm_video&quot; type='video/webm' /&gt;
&lt;!-- flash para IE &lt; 9 --&gt;
    &lt;object id=&quot;video1&quot; type=&quot;application/x-shockwave-flash&quot; data=&quot;player_flv_classic.swf&quot; width=&quot;480&quot; height=&quot;360&quot;&gt;
         &lt;param name=&quot;movie&quot; value=&quot;player_flv_classic.swf&quot; /&gt;
         &lt;param name=&quot;wmode&quot; value=&quot;opaque&quot; /&gt;
         &lt;param name=&quot;allowScriptAccess&quot; value=&quot;allways&quot; /&gt;
         &lt;param name=&quot;quality&quot; value=&quot;high&quot; /&gt;
         &lt;param name=&quot;menu&quot; value=&quot;true&quot; /&gt;
         &lt;param name=&quot;autoplay&quot; value=&quot;false&quot; /&gt;
         &lt;param name=&quot;autoload&quot; value=&quot;false&quot; /&gt;
         &lt;param name=&quot;FlashVars&quot; value=&quot;configxml=flv_video.xml&quot; /&gt;
    &lt;/object&gt;
&lt;/video&gt;  
</pre>  
    
</div>
 
<p>
    Descargar (incluye videos de prueba y reproductor flash) <a href="video.html5.zip">video.html5.zip [547 kb]</a>
</p>
 
</body>
</html>

No sé, quizás me falte algún meta o yo que sé. Pero no hay manera de dar con el error.
Gracias.

Carlangueitor · #6 (**permalink**) 13/10/2012, 12:39

Lo mismo, las rutas son inaccesibles, dan error 404. Veo que usas ISS, nunca lo he usado, pero a lo mejor tienes una directiva que no deja servir correctamente los archivos. Incluso en chrome me da unos errores en las peticiones:

Saludos

mblascog · #7 (**permalink**) 13/10/2012, 14:55

Buenas,
Te adjunto un pantallazo del árbol de mi dominio, donde tengo colgado el ejemplo

Y sí, en mi pc, uso IIS, pero el problema no lo tengo en mi pc, sinó cuando subo el ejemplo en mi dominio, que es dónde dices que la ruta es incorrecta.

Estoy hecha un buen lío.
Gracias por tu ayuda.

emprear · #8 (**permalink**) 13/10/2012, 15:02

He visto que el ejemplo lo bajaste de mi server, acá la situación es muy clara, tu html NO encuentra las urls a los videos.
Hasta dónde sé IIS bloquea el acceso a cierto contenido si no está definido correctamente el MimeType, eso en Apache se corrije mediante .htaccess, en IIS no recuerdo bien, pero creo que tenés que crear o editar el archivo web.config en tu directorio raíz,no estoy 100% seguro ya que no manejo las ultimas versiones de IIS hace rato

Código Apache:

Ver original<configuration>    
<system.webServer>        
<staticContent>            
<mimeMap fileExtension=".mp4" mimeType="video/mp4" />            
<mimeMap fileExtension=".m4v" mimeType="video/m4v" />             
<mimeMap fileExtension=".ogv" mimeType="video/ogg" />    
</staticContent>    
</system.webServer>
</configuration>

Lo que me llama la atención es que de ser eso, supongo debería pasarte un estatus 403 y no 404 como observo para los archivos de video.

En todo caso, si eso no resuelve el problema deberías consultar al administrador del Hosting

Saludos

mblascog · #9 (**permalink**) 13/10/2012, 15:57

Qué casualidad que el ejemplo fuera de tu server no?
Hablaré con mi administrador de hosting, pero me gustaría hacerte una última pregunta: si en mi web yo escribiera:

Código HTML:

Ver original<img src=imagen.jpg>

Se visualizaría la imagen siempre y cuando ésta estuviese ubicada en el mismo directorio, de acuerdo?
Pues lo que no entiendo es porqué no se comporta de la misma manera con el video, cuando escribo:

Código HTML:

Ver original<source src="mp4_video_h264.mp4" type='video/mp4' />

Gracias de nuevo por tu paciencia.

emprear · #10 (**permalink**) 13/10/2012, 16:08

Cita:

Iniciado por mblascog

Qué casualidad que el ejemplo fuera de tu server no?
Hablaré con mi administrador de hosting, pero me gustaría hacerte una última pregunta: si en mi web yo escribiera:

Código HTML:

Ver original<img src=imagen.jpg>

Se visualizaría la imagen siempre y cuando ésta estuviese ubicada en el mismo directorio, de acuerdo?
Pues lo que no entiendo es porqué no se comporta de la misma manera con el video, cuando escribo:

Código HTML:

Ver original<source src="mp4_video_h264.mp4" type='video/mp4' />

Gracias de nuevo por tu paciencia.

Si, el ejemplo también anda por el foro, me di cuenta por el link de descarga.
Lo que decis de la imagen es correcto, por eso te hice la aclaración con lo de los mime types. A propósito, subi cualquier imagen junto con los videos y fijate si se puede ver

SAludos

mblascog · #11 (**permalink**) 15/10/2012, 09:56

Buenas, sí, he probado con una imagen y se ve perfectamente.
He consultado al administrador del hosting el problema y estoy a la espera de recibir respuesta.

Informaré del resultado.
Gracias.