Etiqueta video HTML5
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 |
MP4MPEG 4 files with H264 video codec and AAC audio codec |
Si | Si | Si | Si | Si |
WebMWebM files with VP8 video codec and Vorbis audio codec |
Si | No | Si | No | Si |
OggOgg 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 |