Atributo poster de <video> en HTML

Etiqueta <video> HTML

Definición y uso

poster La propiedad especifica una imagen que se mostrará durante la descarga del video o hasta que el usuario haga clic en el botón de reproducción.

Si no se establece esta propiedad, se utilizará la primera imagen del video.

Ejemplo

Ejemplo

Reproductor de video con imagen de portada:
  <video controls poster="w3v.png">
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
Su navegador no admite la etiqueta de video.

</video>

Prueba por tu cuenta

GramáticaURL<video poster="

">

Valor Descripción
URL

Define la URL del archivo de imagen.

Valores posibles:

  • URL absoluta - Se refiere a otro sitio web (por ejemplo, href="http://www.example.com/poster.jpg")
  • URL relativa - Se refiere a un archivo dentro del sitio web (por ejemplo, href="poster.jpg")

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.6 3.1 10.5

Etiqueta <video> HTML