HTML Reference Manual

Complete list of HTML tags

HTML: <video> poster attribute

The use of the poster attribute of the <video> tag, the poster attribute specifies the image to be displayed when downloading the video or until the user clicks the play button. If not included, the first frame of the video will be used.

　HTML <video> tag

Online Example

Video player with poster image:

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Basic 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">
　　Your browser does not support the video tag.
</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 part of HTML5New tag.

Syntax

<video poster="URL">

Attribute value

Value	Description
URL	Specify 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

HTML: <template> tag