Latest web development tutorials

HTML video poster property

HTML video tag Reference Manual HTML <video> tag

Examples

Video preview with the player:

<video controls poster="../images/w3html5.gif">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>

try it"

Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

All major browsers support the poster property.

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


Definition and Usage

Poster image attribute specifies the video display download, or the user clicks the play button in the image currently displayed.


Differences between HTML 4.01 and HTML5

<Video> tag is the new HTML5 tags.


grammar

<video poster="URL">

Property Value

描述
URL 指定图片文件的URL。

可能值:

  • 绝对URL - 指向另外一个站点URL (如:href="http://www.example.com/poster.jpg")
  • 相对URL - 指向同个站点的URL (如: href="poster.jpg")


HTML video tag Reference Manual HTML <video> tag