Atributo poster do vídeo

Objeto Video do HTML DOM

Definição e uso

poster O atributo define ou retorna o valor do atributo poster do vídeo.

poster O atributo define a imagem que deve ser exibida ao baixar o vídeo ou antes que o usuário clique no botão de reprodução. Se não for configurado, será usado o primeiro frame do vídeo.

Exemplo

Exemplo 1

Mude a imagem de capa do vídeo:

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

Experimente você mesmo

Exemplo 1

Obtenha o URL da imagem de capa:

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

Experimente você mesmo

Sintaxe

Retorne o atributo poster:

videoObject.poster

Defina o atributo poster:

videoObject.poster = URL

Valor do atributo

Valor Descrição
URL

Define o URL do arquivo de imagem.

Valores possíveis:

  • URL absoluta - aponta para outro site (por exemplo, href="http://www.example.com/poster.jpg")
  • URL relativa - aponta para arquivos dentro do site (como href="poster.jpg").

Detalhes técnicos

Valor retornado: Valor de string, representando a URL da imagem de capa. Retorna a URL completa, incluindo o protocolo (como http://).

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 9.0 Suporte Suporte Suporte

Páginas relacionadas

Manual de referência do HTML:Propriedade poster do <video> do HTML

Objeto Video do HTML DOM