Open In App

HTML | <video> poster Attribute

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

The HTML <video> poster Attribute is used to display the image while video downloading or when user click the play button. If this image not set then it will take the first frame of video as a poster image. 

Syntax:

<video poster="URL">

Attribute Values: It contains a single value URL which specifies the link of source image. There are two types of URL link which are listed below:

  • Absolute URL: It points to another webpage.
  • Relative URL: It points to other files of the same web page.

Example: 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>HTML video poster Attribute</title>
</head>
 
<body>
    <center>
        <h1 style="color:green;">GeeksforGeeks</h1>
 
        <h3>HTML video poster Attribute</h3>
 
        <video width="400" height="200" controls poster=
            <source src=
                                                            type="video/mp4">
            <source src=
                                                            type="video/ogg">
        </video>
    </center>
</body>
 
</html>


Output:

 

Note: Always specify the width and the height of the video else web page will be confused that how much space that video will be required due to that reason web page become slow down.

Supported Browsers: The browser supported by HTML <video> poster Attribute are listed below:

  • Google Chrome 3.0 and above
  • Edge 12.0 and above
  • Firefox 3.6 and above
  • Internet Explorer 9.0 and above
  • Opera 10.5 and above
  • Safari 3.1 and above

Last Updated : 15 Jul, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads