Como ya sabéis la ultima versión de HTML (HTML5) permite la inserción de vídeos de forma nativa en la web sin necesidad de usar plugins adicionales.
Antes de la salida de HTML5 el principal método de inserción de vídeos era el plugin de flash, con YouTube como precursor principal de él.
La ventaja de usar ahora HTML5 es que simplemente con la etiqueta
video podemos insertar fácilmente los vídeos.
Estos son algunos de los formatos y los navegadores que los soportan:
| Códec | Tipo | IE >=9 | Firefox | Chrome | Safari | Opera |
|---|
| Ogg Theora | Libre | no | si | si | no | si |
| H.264 | Propietario | si | no | no | si | no |
| VP8 | Libre | no | si | si | no | si |
¿Cómo utilizarlo?
El elemento
video es muy parecido al ya existente
audio con los atributos
autoplay,
preload, etc. Con el atributo
src se especifica la fuente del archivo usado. También podemos definir el tamaño que va a ocupar el elemento en la página:
También podemos archivos en diferentes formatos para que en caso de que un navegador no soporte un tipo, pueda reproducir otro:
En caso de que queremos establecer una imagen predeterminada para el vídeo, solo hay que usar el atributo
poster:
Para los que usan IE8 o inferiores también podemos realizar una pequeña trampa para poder seguir usando el plugin de flash ya que estos navegadores no soportan HTML5. Lo hacemos con la etiqueta
object:
Con esto ya tendremos insertado en nuestra web un vídeo con HTML5. Saludos curiosos.
