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

HTML <video> poster Attribute

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


ブラウザのサポート

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

属性
poster 4.0 9.0 3.6 4.0 10.5

HTML 4.01とHTML5の違い

<video>タグは、HTML5で新しく追加されました。


構文

<video poster="URL">

属性値

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

可能な値:

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

<HTML <video>タグ