最新的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>海報屬性