HTML <video> poster属性

HTML video 标签参考手册HTML <video> タグ

例

プレビュー画像付きビデオプレイヤー:

<video controls poster="/images/w3html5.gif"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg">お使いのブラウザは video タグをサポートしていません。</video>

試してみる »

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要ブラウザは poster 属性をサポートしています。

注意:Internet Explorer 8 およびそれ以前の IE バージョンは <video> タグをサポートしていません。


定義と使い方

poster 属性は、ビデオのダウンロード中に表示される画像、またはユーザーが再生ボタンをクリックする前に表示される画像を指定します。


HTML 4.01 と HTML5 の違い

<video> タグは HTML5 の新しいタグです。


構文

<video poster="URL">

属性値

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

可能な値:

  • 絶対 URL - 別のサイトを指す URL(例:href="http://www.example.com/poster.jpg")
  • 相対 URL - 同じサイトの URL(例: href="poster.jpg.html")


HTML video 标签参考手册HTML <video> タグ その他の拡張