Los últimos tutoriales de desarrollo web
 

Video poster Property

<Objetos de vídeo

Ejemplo

Cambiar la imagen del cartel de un video:

document.getElementById("myVideo").poster = "/images/w3iicomlogo.png";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades de carteles o devuelve el valor del poster atributo de un vídeo.

El poster atributo especifica una imagen que se muestra mientras se está descargando el video, o hasta que el usuario pulsa el botón de reproducción. Si esto no está incluido, el primer fotograma del vídeo será utilizado en su lugar.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad cartel es compatible con todos los principales navegadores.

Nota: Internet Explorer 8 y versiones anteriores, no son compatibles con el <video> elemento.


Sintaxis

Devolver la propiedad del cartel:

videoObject .poster

Establecer la propiedad del cartel:

videoObject .poster= URL

Valores de propiedad

Valor Descripción
URL Especifica la dirección URL del archivo de imagen.

Valores posibles:

  • Un absoluto URL - apunta a otra página web (like href="http://www.example.com/poster.jpg")
  • Una dirección URL relativa - puntos a un archivo dentro de un sitio web (like href="poster.jpg")

Detalles técnicos

Valor de retorno: Una cadena que representa la URL de la imagen del cartel. Devuelve la URL completa, incluido el protocolo (like http://)

Más ejemplos

Ejemplo

Obtener la URL de la imagen del cartel:

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

El resultado de x será:

http://www.w3ii.com/jsref/w3javascript.gif
Inténtalo tú mismo "

Páginas relacionadas

Referencia HTML: HTML <video> atributo cartel


<Objetos de vídeo