Horje
What is HTML poster Attribute

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.

Applies to

The poster attribute can be used on the following element:

Elements Attribute
<video> poster

Browser Support

The poster attribute has the following browser support.

How to add A video player with a poster image - HTML poster Attribute

See the Example.
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/240/big_buck_bunny_240p_30mb.mp4" type="video/mp4">
   <source src="https://www.sample-videos.com/video321/mp4/240/big_buck_bunny_240p_30mb.mp4" type="video/ogg">
   Your browser does not support the video tag.
</video>

</body>
</html>

Output should be:

How to add A video player with a poster image - HTML poster Attribute


html poster attribute

Related Articles
What is HTML accept Attribute HTML Input HTML Attribute
What is HTML accept-charset Attribute HTML Attribute
What is HTML accesskey Attribute HTML Attribute
What is HTML action Attribute HTML Attribute
What is HTML alt Attribute HTML Attribute
What is HTML async Attribute HTML Attribute
What is HTML autocomplete Attribute in HTML HTML Attribute
What is HTML autofocus Attribute HTML Attribute
What is HTML autoplay Attribute HTML Attribute
What is HTML charset Attribute HTML Attribute
What is HTML checked Attribute HTML Attribute
What is HTML cite Attribute HTML Attribute
What is HTML class Attribute HTML Attribute
What is HTML cols Attribute HTML Attribute
What is HTML colspan Attribute HTML Attribute
What is HTML content Attribute HTML Attribute
What is HTML contenteditable Attribute HTML Attribute
What is HTML controls Attribute HTML Attribute
What is HTML coords Attribute HTML Attribute
What is HTML data Attribute HTML Attribute
What is HTML data-* Attribute HTML Attribute
What is HTML datetime Attribute HTML Attribute
What is HTML controls Attribute HTML Attribute
What is HTML default Attribute HTML Attribute
What is HTML defer Attribute HTML Attribute
What is HTML dir Attribute HTML Attribute
What is HTML dirname Attribute HTML Attribute
What is HTML disabled Attribute HTML Attribute
What is HTML download Attribute HTML Attribute
What is HTML draggable Attribute HTML Attribute
What is HTML enctype Attribute HTML Attribute
What is HTML enterkeyhint Attribute HTML Attribute
What is HTML for Attribute HTML Attribute
What is HTML form Attribute HTML Attribute
What is HTML formaction Attribute HTML Attribute
What is HTML headers Attribute HTML Attribute
What is HTML height Attribute HTML Attribute
What is HTML hidden Attribute HTML Attribute
What is HTML high Attribute HTML Attribute
What is HTML href Attribute HTML Attribute
What is HTML hreflang Attribute HTML Attribute
What is HTML http-equiv Attribute HTML Attribute
What is HTML id Attribute HTML Attribute
What is HTML inert Attribute HTML Attribute
What is HTML inputmode Attribute HTML Attribute
What is HTML ismap Attribute HTML Attribute
What is HTML kind Attribute HTML Attribute
What is HTML label Attribute HTML Attribute
What is HTML lang Attribute HTML Attribute
What is HTML list Attribute HTML Attribute
What is HTML loop Attribute HTML Attribute
What is HTML low Attribute HTML Attribute
What is HTML max Attribute HTML Attribute
What is HTML maxlength Attribute HTML Attribute
What is HTML media Attribute HTML Attribute
What is HTML method Attribute HTML Attribute
What is HTML min Attribute HTML Attribute
What is HTML multiple Attribute HTML Attribute
What is HTML muted Attribute HTML Attribute
What is HTML name Attribute HTML Attribute
What is HTML novalidate Attribute HTML Attribute
What is HTML onabort Attribute HTML Attribute
What is HTML onafterprint Attribute HTML Attribute
What is HTML onbeforeprint Attribute HTML Attribute
What is HTML onbeforeunload Attribute HTML Attribute
What is HTML onblur Attribute HTML Attribute
What is HTML oncanplay Attribute HTML Attribute
What is HTML oncanplaythrough Attribute HTML Attribute
What is HTML onchange Attribute HTML Attribute
What is HTML onclick Attribute HTML Attribute
What is HTML oncontextmenu Attribute HTML Attribute
What is HTML oncopy Attribute HTML Attribute
What is HTML oncuechange Attribute HTML Attribute
What is HTML oncut Attribute HTML Attribute
What is HTML ondblclick Attribute HTML Attribute
What is HTML ondrag Attribute HTML Attribute
What is HTML ondragend Attribute HTML Attribute
What is HTML ondragenter Attribute HTML Attribute
What is HTML ondragleave Attribute HTML Attribute
What is HTML ondragover Attribute HTML Attribute
How to add HTML ondragstart Attribute HTML Attribute
What is HTML ondrop Attribute HTML Attribute
What is HTML ondurationchange Attribute HTML Attribute
What is HTML onemptied Attribute HTML Attribute
What is HTML onended Attribute HTML Attribute
What is HTML onerror Attribute HTML Attribute
What is HTML onfocus Attribute HTML Attribute
What is HTML onhashchange Attribute HTML Attribute
What is HTML oninput Attribute HTML Attribute
What is HTML oninvalid Attribute HTML Attribute
What is HTML onkeydown Attribute HTML Attribute
What is HTML onkeypress Attribute HTML Attribute
What is HTML onkeyup Attribute HTML Attribute
What is HTML onload Attribute HTML Attribute
What is HTML onloadeddata Attribute HTML Attribute
What is HTML onloadedmetadata Attribute HTML Attribute
What is HTML onloadstart Attribute HTML Attribute
What is HTML onmousedown Attribute HTML Attribute
What is HTML onmousemove Attribute HTML Attribute
What is HTML onmouseout Attribute HTML Attribute
What is HTML onmouseover Attribute HTML Attribute
What is HTML onmouseup Attribute HTML Attribute
What is HTML onmousewheel Attribute HTML Attribute
What is HTML onoffline Attribute HTML Attribute
What is HTML ononline Attribute HTML Attribute
What is HTML onpageshow Attribute HTML Attribute
What is HTML onpaste Attribute HTML Attribute
What is HTML onpause Attribute HTML Attribute
What is HTML onplay Attribute HTML Attribute
What is HTML onplaying Attribute HTML Attribute
What is HTML onprogress Attribute HTML Attribute
What is HTML onratechange Attribute HTML Attribute
What is HTML onreset Attribute HTML Attribute
What is HTML onresize Attribute HTML Attribute
What is HTML onscroll Attribute HTML Attribute
What is HTML onsearch Attribute HTML Attribute
What is HTML onseeked Attribute HTML Attribute
What is HTML onseeking Attribute HTML Attribute
What is HTML onstalled Attribute HTML Attribute
What is HTML onsubmit Attribute HTML Attribute
What is HTML onsuspend Attribute HTML Attribute
What is HTML ontimeupdate Attribute HTML Attribute
What is HTML ontoggle Attribute HTML Attribute
What is HTML onunload Attribute HTML Attribute
What is HTML onvolumechange Attribute HTML Attribute
What is HTML onwaiting Attribute HTML Attribute
What is HTML onwheel Attribute HTML Attribute
What is HTML open Attribute HTML Attribute
What is HTML optimum Attribute HTML Attribute
What is HTML pattern Attribute HTML Attribute
What is HTML placeholder Attribute HTML Attribute
What is HTML popover Attribute HTML Attribute
What is HTML popovertarget Attribute HTML Attribute
What is HTML popovertargetaction Attribute HTML Attribute
What is HTML poster Attribute HTML Attribute
What is HTML preload Attribute HTML Attribute
What is HTML readonly Attribute HTML Attribute
What is HTML rel Attribute HTML Attribute
What is HTML required Attribute HTML Attribute
What is HTML reversed Attribute HTML Attribute
What is HTML rows Attribute HTML Attribute
What is HTML rowspan Attribute HTML Attribute
What is HTML sandbox Attribute HTML Attribute
What is HTML scope Attribute HTML Attribute
What is HTML selected Attribute HTML Attribute
What is HTML shape Attribute HTML Attribute
What is HTML size Attribute HTML Attribute
What is HTML sizes Attribute HTML Attribute
What is HTML span Attribute HTML Attribute
What is HTML spellcheck Attribute HTML Attribute
What is HTML src Attribute HTML Attribute
What is HTML srcdoc Attribute HTML Attribute
What is HTML srclang Attribute HTML Attribute
What is HTML <source> srcset Attribute HTML Attribute
What is HTML start Attribute HTML Attribute
What is HTML step Attribute HTML Attribute
What is HTML style Attribute HTML Attribute
What is HTML tabindex Attribute HTML Attribute
What is HTML target Attribute HTML Attribute
What is HTML title Attribute HTML Attribute
What is HTML translate Attribute HTML Attribute
What is HTML type Attribute HTML Attribute
What is HTML usemap Attribute HTML Attribute
What is HTML value Attribute HTML Attribute
What is HTML width Attribute HTML Attribute
What is HTML wrap Attribute HTML Attribute

Single Articles
How to add A video player with a poster image - HTML poster AttributeHTML Attribute

Read Full:
 HTML Attribute
Type:
 Develop
Category:
 Web Tutorial
Sub Category:
 HTML Attribute
Uploaded by:
 Admin
Views:
 35

Reffered: https://www.w3schools.com/tags/att_poster.asp

 

Horje