HTML <video> posterProperty

Example

Video player with preview image:

<video controls poster="/images/w3html5.gif"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg">Your browser does not support the video tag.</video>

Try it Yourself »

Browser Support

All mainstream 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 displayed while the video is downloading, or before the user clicks the play button.

Differences between HTML 4.01 and HTML5

The <video> tag is a new tag in HTML5.

Syntax

Property value

Value	Description
URL	Specify the URL of the image file. Possible values: Absolute URL - Points to another site's URL (e.g., href="http://www.example.com/poster.jpg") Relative URL - a URL that points to the same site (e.g., href="poster.jpg.html")

Value

Description

URL

Specify the URL of the image file.

Possible values:

Absolute URL - Points to another site's URL (e.g., href="http://www.example.com/poster.jpg")
Relative URL - a URL that points to the same site (e.g., href="poster.jpg.html")

HTML <video> Tagother extensions