最新のWeb開発のチュートリアル
 

Video poster Property

<ビデオオブジェクト

ビデオのポスター画像を変更します。

document.getElementById("myVideo").poster = "/images/w3iicomlogo.png";
»それを自分で試してみてください

定義と使用法

ポスターのプロパティセットまたはの値を返しposter 、ビデオの属性を。

poster属性は、動画のダウンロード、またはユーザーが再生ボタンをヒットするまでされながら表示される画像を指定します。 これが含まれていない場合は、ビデオの最初のフレームが代わりに使用されます。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ポスターのプロパティは、すべての主要なブラウザでサポートされています。

注意:Internet Explorer 8の以前のバージョンをサポートしていない<video>要素を。


構文

ポスターのプロパティを返します:

videoObject .poster

ポスターのプロパティを設定します。

videoObject .poster= URL

プロパティ値

説明
URL 画像ファイルのURLを指定します。

可能な値:

  • 絶対URL -別のWebサイトへのポイント(like href="http://www.example.com/poster.jpg")
  • 相対URL -ウェブサイト内のファイルへのポイント(like href="poster.jpg")

技術的な詳細

戻り値: ポスター画像のURLを表す文字列、。 プロトコルを含む、全体のURLを返します(like http://)

その他の例

ポスター画像のURLを取得します。

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

xの結果は次のようになります。

http://www.w3ii.com/jsref/w3javascript.gif
»それを自分で試してみてください

関連ページ

HTMLリファレンス: HTML <video>ポスターの属性


<ビデオオブジェクト