HTML <video> poster Attribute

HTML <video> tag

Definition and Usage

poster The attribute specifies an image that will be displayed during the video download or until the user clicks the play button.

If the attribute is not set, the first frame of the video will be used.

实例

Example

Video player with poster image:
  <video controls poster="w3v.png">
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
Your browser does not support the video tag.

</video>

Try It Yourself

SyntaxURL<video poster="

">

Value Description
URL

Specifies the URL of the image file.

Possible values:

  • Absolute URL - Points to another website (such as href="http://www.example.com/poster.jpg")
  • Relative URL - Points to a file within the website (such as href="poster.jpg")

Browser Support

The numbers in the table indicate the first browser version to fully support this attribute.

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

HTML <video> tag