Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Video poster property

Previous: HTML DOM Video preload property

Next: HTML DOM Video played Properties

Examples

Modify the current video data is invalid display pictures:

. Document.getElementById ( "myVideo") poster = "../images/w3cschoolcomlogo.png";

Definition and Usage

poster poster property sets or returns the property value of the video.

poster describes the property when the video is loaded or when a user clicks the play button before the picture displayed. If this attribute is not included, the first frame of the video display will be used instead.

Browser Support

All major browsers support the poster property.

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

grammar

Returns poster properties:

videoObject .poster

Setting poster properties:

videoObject .poster = URL

Property Value

value

description

URL

It describes the URL address of the image file.

Possible values:

Absolute URL - links to other sites (such as: href = "http://www.example.com/poster.jpg")
Relative URL - points to station files (eg: href = "poster.jpg")

technical details

return value:	String representing the preview image URL address. Back entity URL, including the protocol (http: //)

More examples

Examples

Get a preview of the URL address:

var x = document.getElementById ( "myVideo") poster.;

x The output is:

http://www.w3cschool.cc/jsref/w3javascript.gif

Related Pages

HTML Reference Manual: HTML <Video> Poster Properties

Video Object Reference

Previous: HTML DOM Video preload property

Next: HTML DOM Video played Properties