Ver Mensaje Individual
  #5 (permalink)  
Antiguo 13/10/2012, 11:39
mblascog
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 4 meses
Puntos: 4
Respuesta: Problemas con el tag <video>

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
  1. <meta charset="utf-8" />
  2. <title>Video HTML5</title>
  3. <!--[if lt IE 9]><script type="text/javascript" src="html5ie.js"></script><![endif]-->
  4. </head>
  5. <div>
  6. <video  width="480" height="360" controls="controls" preload="auto">
  7.  <source src="mp4_video_h264.mp4" type='video/mp4' />
  8.  <source src="ogg_video.ogv" type='video/ogg' />
  9.  <source src="webm_video.webm" type='video/webm' />
  10. <!-- flash para IE < 9 -->
  11.                         <object id="Object1" type="application/x-shockwave-flash" data="player_flv_classic.swf" width="480" height="360">
  12.                             <param name="movie" value="player_flv_classic.swf" />
  13.                             <param name="wmode" value="opaque" />
  14.                             <param name="allowScriptAccess" value="allways" />
  15.                             <param name="quality" value="high" />
  16.                             <param name="menu" value="true" />
  17.                             <param name="autoplay" value="false" />
  18.                             <param name="autoload" value="false" />
  19.                             <param name="FlashVars" value="configxml=flv_video.xml" />
  20.                         </object>
  21. </div>
  22.  
  23. <div>
  24. <p>Código fuente</p>
  25. <pre>
  26. &lt;video  width=&quot;480&quot; height=&quot;360&quot; controls=&quot;controls&quot; preload=&quot;auto&quot;&gt;
  27.  &lt;source src=&quot;mp4_video_h264.mp4&quot; type='video/mp4' /&gt;
  28.  &lt;source src=&quot;ogg_video.ogv&quot; type='video/ogg' /&gt;
  29.  &lt;source src=&quot;webm_video&quot; type='video/webm' /&gt;
  30. &lt;!-- flash para IE &lt; 9 --&gt;
  31.     &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;
  32.          &lt;param name=&quot;movie&quot; value=&quot;player_flv_classic.swf&quot; /&gt;
  33.          &lt;param name=&quot;wmode&quot; value=&quot;opaque&quot; /&gt;
  34.          &lt;param name=&quot;allowScriptAccess&quot; value=&quot;allways&quot; /&gt;
  35.          &lt;param name=&quot;quality&quot; value=&quot;high&quot; /&gt;
  36.          &lt;param name=&quot;menu&quot; value=&quot;true&quot; /&gt;
  37.          &lt;param name=&quot;autoplay&quot; value=&quot;false&quot; /&gt;
  38.          &lt;param name=&quot;autoload&quot; value=&quot;false&quot; /&gt;
  39.          &lt;param name=&quot;FlashVars&quot; value=&quot;configxml=flv_video.xml&quot; /&gt;
  40.     &lt;/object&gt;
  41. &lt;/video&gt; 
  42. </pre> 
  43.    
  44. </div>
  45.  
  46. <p>
  47.     Descargar (incluye videos de prueba y reproductor flash) <a href="video.html5.zip">video.html5.zip [547 kb]</a>
  48. </p>
  49.  
  50. </body>
  51. </html>

No sé, quizás me falte algún meta o yo que sé. Pero no hay manera de dar con el error.
Gracias.
__________________
Qué fácil cuando lo sabes y qué difícil cuando no