Etiqueta <video> HTML

Definición y uso

<video> La etiqueta se utiliza para insertar contenido de video en el documento, como fragmentos de películas u otros flujos de video.

<video> La etiqueta contiene una o más etiquetas con diferentes fuentes de video etiqueta <source>. El navegador seleccionará la primera fuente que soporte.

<video> y </video> El texto entre las etiquetas solo se mostrará en navegadores que no <video> se muestra en el navegador del elemento.

HTML admite tres formatos de video: MP4, WebM y OGG.

Navegador MP4 WebM Ogg
Edge Soportado Soportado Soportado
Chrome Soportado Soportado Soportado
Firefox Soportado Soportado Soportado
Safari Soportado Soportado No soportado
Opera Soportado Soportado Soportado

Véase también:

Manual de referencia de HTML DOM:Manual de referencia del DOM de Audio/Video HTML

Ejemplo

Reproducir video:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Su navegador no admite la etiqueta de video.
</video>

Prueba personal

Consejos y notas

Consejo:Para archivos de audio, consulte la etiqueta <audio>.

Atributo opcional

Atributo Valor Descripción
autoplay autoplay Especificar que el video debe comenzar a reproducirse inmediatamente después de que esté listo.
controls controls Especificar los controles de video que deben mostrarse (por ejemplo, botones de reproducción/pausa, etc.).
height píxeles Establecer la altura del reproductor de video.
loop loop Especificar que el video se reiniciará cada vez que finalice.
muted muted Especificar si debe silenciarse la salida de audio del video.
poster URL Especificar la imagen que se mostrará mientras se descarga el video o antes de que el usuario haga clic en el botón de reproducción.
preload
  • auto
  • metadata
  • none
 Especificar si el video debe cargarse o cómo debe cargarse al cargar la página.
src URL Especificar la URL del archivo de video.
width píxeles Establecer el ancho del reproductor de video.

Atributos globales

<video> Las etiquetas también admiten Atributos globales en HTML.

Atributos de eventos

<video> Las etiquetas también admiten Atributos de eventos en HTML.

Configuración CSS predeterminada

Ninguno.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5