viernes, 15 de febrero de 2013

Elemento Video HMTL5

HTML5 introduce la novedosa etiqueta video, este elemento permite reproducir videos sin la exclusiva necesidad de tener que hacer uso de Flash u otros plugin externos.

Algunos atributos que soporta video ...

autoplay -> El video se reproduce automáticamente.
controls -> Especifica que los controles de vídeo deben mostrarse.
height -> altura.
width -> anchura.
loop -> especifica que la reproducción se debe de hacer en búcle.
muted -> reproducción sin sonido.
poster -> imagen poster del video. Ejemplo: presentacion.jpg
preload -> auto | metadata | none. Modo de carga del video
src -> ubicación del video.


Formatos de video ...

MP4 -> video/mp4
WebM -> video/webm
Ogg -> video/ogg

La etiqueta source es útil para indicar distintos formatos de video o audio y así ampliar el campo de compatibilidad. 

<video width="350" height="350" controls>
<source src="video.ogg" type="video/ogg">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
Tu navegador no es compatible
</video>