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 |
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.
No hay comentarios:
Publicar un comentario