Atributo poster do HTML <video>

Tag <video> HTML

Definição e uso

poster O atributo especifica uma imagem que será exibida durante o download do vídeo ou até que o usuário clique no botão de reprodução.

Se o atributo não for configurado, será usado o primeiro frame da imagem do vídeo.

实例

Exemplo

Player de vídeo com imagem de capa:
  <video controls poster="w3v.png">
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
Seu navegador não suporta o tag de vídeo.

</video>

Experimente você mesmo

SintaxeURL<video poster="

">

Valor Descrição
URL

Define a 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 um arquivo dentro do site (por exemplo href="poster.jpg")

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou a propriedade pela primeira vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 3.1 10.5

Tag <video> HTML