HTML and video and poster properties

HTML video poster property HTML and video. Tags

When you use the poster property of the label, the image you set, a video player with a preview, is displayed on the page, refer to the following example:

Video player with preview:

<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 out . . .

Browser support

HTML video poster property HTML video poster property HTML video poster property HTML video poster property HTML video poster property

Poster properties are supported by all major browsers.

Note: Internet Explorer 8 and earlier versions of IE do not support the label.

Definitions and usages

The poster property specifies the image that appears when the video is downloaded, or before the user clicks the play button.

The difference between HTML 4.01 and HTML5

The label is a new HTML5 label.

Grammar

<video poster=" URL ">

The property value

value describe
URL Specifies the URL of the image file.

Possible value:

  • Absolute URL - pointing to another site URL (such as href = "http://www.example.com/poster.jpg" rel = "external nofollow" target = "_ blank")
  • Relative URL - Point to the URL of the same site (such as: href = "poster.jpg")

HTML video poster property HTML and video. Tags