Atributo de poster de video

Objeto Video del DOM HTML

Definición y uso

poster El atributo establece o devuelve el valor del atributo poster del video.

poster El atributo poster especifica la imagen que se debe mostrar mientras se descarga el video o antes de que el usuario haga clic en el botón de reproducción. Si no se configura, se utilizará el primer cuadro del video.

Ejemplo

Ejemplo 1

Cambiar la imagen de portada del video:

document.getElementById("myVideo").poster = "/images/w3logo.png";

Prueba personal

Ejemplo 1

Obtener la URL de la imagen de portada:

var x = document.getElementById("myVideo").poster;

Prueba personal

Sintaxis

Devolver el atributo poster:

videoObject.poster

Configurar el atributo poster:

videoObject.poster = URL

Valor del atributo

Valor Descripción
URL

URL del archivo de imagen.

Valores posibles:

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

Detalles técnicos

Valor devuelto: Valor de cadena, que representa la URL de la imagen de portada. Devuelve la URL completa, incluyendo el protocolo (como http://).

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte 9.0 Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia de HTML:Atributo poster de <video> en HTML

Objeto Video del DOM HTML