Ejemplo
Reproducir un vídeo:
<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>
Inténtalo tú mismo " Definición y Uso
La <video> etiqueta especifica de vídeo, como un clip de película u otros flujos de vídeo.
Actualmente, hay 3 formatos de vídeo compatibles para el <video> elemento: MP4, WebM y Ogg :
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES from Firefox 21 from Firefox 30 for Linux |
YES | YES |
| Safari | YES | NO | NO |
| Opera | YES From Opera 25 |
YES | YES |
- MP4 MPEG = 4 archivos con H264 codec de vídeo y códec de audio AAC
- WebM = WebM archivos con el codec de vídeo VP8 y el códec de audio Vorbis
- Ogg Theora = Ogg con códec de vídeo y audio codec Vorbis
Los tipos MIME para Formatos de vídeo
| Formato | Tipo MIME |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Diferencias entre HTML 4.01 y HTML5
La <video> etiqueta es nueva en HTML5.
Notas y sugerencias
Consejo: Cualquier texto entre el <video> y </video> etiquetas se mostrarán en los navegadores que no soportan el <video> elemento.
Atributos opcionales
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| autoplay | autoplay | Especifica que el vídeo empezará a reproducirse tan pronto como esté listo |
| controls | controls | Especifica que los controles de vídeo que debe aparecer (como un botón de reproducción / pausa, etc.). |
| height | pixels | Establece la altura del reproductor de vídeo |
| loop | loop | Especifica que el vídeo va a empezar de nuevo, cada vez que se terminó |
| muted | muted | Especifica que la salida de audio del video debe ser silenciado |
| poster | URL | Especifica una imagen que se muestra mientras se está descargando el video, o hasta que el usuario pulsa el botón de reproducción |
| preload | auto metadata none | Especifica si y cómo el autor cree que el vídeo debe ser cargado cuando se carga la página |
| src | URL | Especifica la dirección URL del archivo de vídeo |
| width | pixels | Establece el ancho del reproductor de vídeo |
Los atributos globales
La <video> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <video> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: HTML Audio / Video Referencia DOM
Ajustes por defecto CSS
Ninguna.