tutoriais mais recente desenvolvimento web
 

Video poster Property

<Video Object

Exemplo

Altere a imagem do cartaz de um vídeo:

document.getElementById("myVideo").poster = "/images/w3iicomlogo.png";
Tente você mesmo "

Definição e Uso

Os conjuntos de propriedades cartaz ou retorna o valor do poster atributo de um vídeo.

O poster atributo especifica uma imagem a ser mostrada enquanto o vídeo está baixando, ou até que o usuário pressiona o botão play. Se isso não for incluída, o primeiro quadro do vídeo será usado.


Suporte navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

A propriedade cartaz é suportado em todos os principais navegadores.

Nota: Internet Explorer 8 e versões anteriores, não suportam o <video> elemento.


Sintaxe

Devolver o imóvel cartaz:

videoObject .poster

Defina a propriedade cartaz:

videoObject .poster= URL

Valores de propriedade

Valor Descrição
URL Especifica o URL do arquivo de imagem.

Valores possíveis:

  • Uma URL absoluta - aponta para outro site (like href="http://www.example.com/poster.jpg")
  • A URL relativa - aponta para um arquivo dentro de um web site (like href="poster.jpg")

Detalhes técnicos

Valor de retorno: A String, que representa a URL da imagem do cartaz. Retorna o URL inteiro, incluindo o protocolo (like http://)

mais Exemplos

Exemplo

Obter o URL da imagem do cartaz:

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

O resultado x será:

http://www.w3ii.com/jsref/w3javascript.gif
Tente você mesmo "

Páginas relacionadas

Referência HTML: HTML <video> atributo cartaz


<Video Object