HTML | poster Attribute
Improve
The HTML poster Attribute is used to display the image while video downloading or when the user clicks the play button. If this image not set then it will take the first frame of video as a poster image.
Applicable:
It is mainly used in <video> element.
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 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:
Supported Browsers: The browsers supported by HTML poster Attribute are listed below:
- Google Chrome 4.0
- Internet Explorer 9.0
- Firefox 3.5
- Apple Safari 4.0
- Opera 10.5
Learn to code easily with our course Coding for Everyone. This course is accessible and designed for everyone, even if you're new to coding. Start today and join millions on a journey to improve your skills!
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!
Commit to GfG's Three-90 Challenge! Purchase a course, complete 90% in 90 days, and save 90% cost click here to explore.
Share your thoughts in the comments
