poster 属性代替画像の URI を指定する

poster 属性は video 要素において動画が表示できない場合や動画を再生する準備が整うまでの間、表示させる画像の URI を指定します。

poster 属性の仕様

この属性を使用できる要素

poster 属性のサンプルソース

<video controls="controls" poster="/sample.jpg">
 <source src="/sample.ogg" type="video/ogg" />
 <source src="/sample.wenm" type="video/wenm" />
 <source src="/sample.mp4" type="video/mp4" />
 <p>
  サンプルが視聴できます。ブラウザで再生できない場合は、下記からダウンロードしてご試聴ください。
  <a href="/sample.mp4" type="video/mp4">ファイルのダウンロードはこちら(MP4 / 1.2MB)</a>
 </p>
</video>

用途から目的の要素を探す

用途から HTML5 の要素を逆引きできます。

テキストに対する意味づけを行いたい
テキストの編集を示したい
改行や折り返しを指定したい
上付きや下付きを指定したい
テキストの書字方向を制御したい
テキストにルビをふりたい
箇条書きなどリストを表したい
セクションを定義したい
コンテンツをグループ化したい
画像や映像などを埋め込みたい
スクリプトやスタイルを埋め込みたい
フォーム関連の要素
テーブル関連の要素
ドキュメントにメタデータを付与したい
インタラクティブな要素
その他

このページの上部へ