How to add HTML <video> poster Attribute in HTML <video> Tag
It is A video player with a poster image.
Before playing video, It will show a default image.
Definition and Usage
The poster attribute specifies an image to be shown while the video is downloading, or until the user hits the play button. If this is not included, the first frame of the video will be used instead.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
Syntax
<video poster="URL">
Attribute Values
| Value | Description |
|---|---|
| URL | Specifies the URL of the image file.
Possible values:
|
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The video poster attribute</h1>
<video width="320" height="240" poster="https://horje.com/avatar.png" controls>
<source src="https://www.sample-videos.com/video321/mp4/720/big_buck_bunny_720p_1mb.mp4" type="video/mp4">
<source src="https://www.sample-videos.com/video321/mp4/720/big_buck_bunny_720p_1mb.mp4" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
Output should be:
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |