lunes, 31 de octubre de 2011

Insertar un vídeo con código HTML 5


En la entrada anterior ya hemos puesto un vídeo con el código del lenguaje HTML 5. Hemos comprobado que funciona correctamente. En todos los navegadores. Bajo todos los sistemas operativos. Incluyendo los dispositivos móviles.
Ponemos ahora este otro ejemplo:

Fuente original: Reportaje emitido por TVE 1 a propósito de la exposición El Hermitage en el Prado que se podrá visitar entre el 8/11/2011 y el 25/3/2012. 

Al igual que ocurría en el audio, tenemos que poner el vídeo en dos formatos para dejar elección al navegador.
Los dos formatos recomendados son el mp4 y el ogv.
El código a colocar es algo así:

<video controls="controls" height="360" width="478">
<source src="http://_la_ruta_que_sea.mp4" type="video/mp4"></source>
<source src="http://
_la_ruta_que_sea.ogv" type="video/ogg"></source>
</video>


Cambiando lo señalado en rojo por lo que corresponda.

2 comentarios:

JM Campo dijo...

Hola Ángel,
Hace un mes empecé a enredar un poco con los vídeos en HTML5 (aquí).
No me parece nada práctico lo de tener que subir en dos formatos (ogv y mp4) para asegurarnos de que es compatible con todos los navegadores. En mi caso, incluso lo subí en tres (utilicé también webm). A pesar de todo he tenido problemas de visionado con Firefox.
Bueno, cuando el tema se vaya aclarando un poco más seguiré enredando.
Gracias por tu entrada.

Ángel Puente dijo...

Gracias José María.
Genial el Speak it.
Me lo apunto.
Te acabo de mandar un mensaje a tu correo.

Related Posts Plugin for WordPress, Blogger...