HTML <ビデオ>ポスター属性

❮HTML<video>タグ

ポスター画像付きのビデオプレーヤー:

<video controls poster="/images/w3html5.gif">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

定義と使用法

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


ブラウザのサポート

表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。

Attribute
poster 4.0 9.0 3.6 3.1 10.5

構文

<video poster="URL">

属性値

Value Description
URL Specifies the URL of the image file.

Possible values:

  • An absolute URL - points to another web site (like href="http://www.example.com/poster.jpg")
  • A relative URL - points to a file within a web site (like href="poster.jpg")

❮HTML<video>タグ