最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <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> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Video poster Property

例

更改视频的海报图片：

document.getElementById("myVideo").poster = "/images/w3iicomlogo.png";

定义和用法

海报属性设置或返回的值poster视频的属性。

该poster属性指定，而视频下载要显示的图像，或直到用户点击播放按钮。如果不包括，则视频的第一帧将被用来代替。

浏览器支持

海报属性在所有主流浏览器的支持。

注：Internet Explorer 8和更早的版本，不支持<video>元素。

句法

返回海报属性：

videoObject .poster

设置海报属性：

videoObject .poster= URL

属性值

值

描述

URL

指定图像文件的URL。

可能的值：

绝对URL -指向另一网站(like href="http://www.example.com/poster.jpg")
相对URL -指向一个网站内的文件(like href="poster.jpg")

技术细节

返回值：	一个String，表示广告图像的URL。返回整个URL，包括协议(like http://)

更多示例

例

获取广告图像的URL：

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

x的结果将是：

http://www.w3ii.com/jsref/w3javascript.gif

相关页面

HTML参考： HTML <video>海报属性