Etiqueta video HTML5

Etiqueta video HTML5

HTML

La etiqueta video de HTML5 se usa para insertar videos en páginas web. 

El ejemplo que puede verse en w3schools.com es el siguiente:

<video width="320" height="240" controls>
 <source src="movie.mp4" type="video/mp4">
 <source src="movie.ogg" type="video/ogg">
 Your browser does not support the video tag.
</video>

 

En este ejemplo se asigna un ancho, un alto y se establece que se muestren los controles. El motivo de definir dos archivos del mismo video pero con distintos formatos es la compatibilidad con navegadores.

 

Formatos de video soportados

Navegador
GOOGLE CHROME
INTERNET EXPLORER
MOZILLA FIREFOX
SAFARI
OPERA
MP4

MPEG 4 files with H264 video codec and AAC audio codec

 Si Si Si Si Si
WebM

WebM files with VP8 video codec and Vorbis audio codec

Si No Si No Si
Ogg

Ogg files with Theora video codec and Vorbis audio codec

SI No Si No Si

 

 

Formatos de video soportados

Navegador
GOOGLE CHROME
INTERNET EXPLORER
MOZILLA FIREFOX
SAFARI
OPERA
Desde esta versión aceptan <video>
 4.0 9.0 3.5 4.0 10.5

 

 

Atributos

Atributo
POSIBLES VALORES
DESCRIPCIÓN
autoplay
 autoplay Inicia la reproducción automaticamente
controls
controls Muestra los controles de reproducción
height
valor Valor en píxeles del alto
width
valor Valor en píxeles del ancho
loop
loop Establece la reproducción del ideo en bucle
muted
muted Silencia el video
poster
URL Url de una imagen que se cargará si el vídeo tarda en cargarse o antes de que el usuario haga click en Play
preload

auto

metadata

none

Como se debe cargar el video
src
URL Url del video

 

Fuentehttp://www.w3schools.com/tags/tag_video.asp

Leave a reply