Video posterPropiedad

Video 对象参考手册Objeto Video

Ejemplo

Cambiar la imagen que se muestra cuando los datos del video actual no son válidos:

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

Pruébalo »

Definición y uso

La propiedad poster se utiliza para establecer o devolver el valor de la propiedad poster del video.

La propiedad poster describe la imagen que se muestra mientras se carga el video o antes de que el usuario haga clic en el botón de reproducción. Si no se incluye esta propiedad, se utilizará el primer fotograma del video en su lugar.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los navegadores principales admiten la propiedad poster.

Nota:Internet Explorer 8 y versiones anteriores de IE no admiten el elemento <video>.


Sintaxis

Devolver la propiedad poster:

videoObject.poster

Establecer la propiedad poster:

videoObject.poster=URL

Valor de la propiedad

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

Posibles valores:

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

Detalles técnicos

Valor de retorno: Cadena que representa la dirección URL de la imagen de vista previa. Devuelve la URL completa, incluido el protocolo (http://).


Más ejemplos

Ejemplo

Obtener la dirección URL de la imagen de vista previa:

var x = document.getElementById("myVideo").poster;
xEl resultado es:
http://www.example.com/images/logo.png

Pruébalo »


Páginas relacionadas

Referencia HTML:HTML <video> atributo poster


Video 对象参考手册Objeto Video Otras extensiones