English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de Referência de HTML

大全 de HTML 标签

HTML: <video> poster atributo

<video> poster atributo como usar, o atributo poster especifica a imagem que deve ser exibida enquanto o vídeo está sendo baixado ou até que o usuário clique no botão de reprodução. Se não for incluído, será usado o primeiro frame do vídeo.

 HTML <video> tag

Exemplo online

Player de vídeo com imagem de pôster:

!DOCTYPE html
<html>
<head> 
<meta charset="utf-8"> 
<title>Base Tutorial Website(oldtoolbag.com)</title> 
</head>
<body>
<video controls poster="/run/html/views.png">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Seu navegador não suporta o tag de vídeo.
</video>
</body>
</html>
Test and see ‹/›

Browser compatibility

IEFirefoxOperaChromeSafari

All major browsers support the poster attribute.

Note: Internet Explorer 8 and earlier IE versions do not support the <video> tag.

Definition and usage

The poster attribute specifies the image to be displayed while downloading the video or until the user clicks the play button. If not included, the first frame of the video will be used instead.

HTML 4.01 with HTML5differences

<video> tag is HTML5New tag.

Syntax

<video poster="URL">

Attribute value

ValueDescription
URLSpecify the URL of the image file.

Possible values:

  • Absolute URL - Points to another site URL (such as: href="http:)//www.example.com/poster.jpg")

  • Relative URL - Points to the URL of the same site (such as: href="poster.jpg")

 HTML <video> tag