Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Атрибут poster

Справочник: 

Характеристики атрибута

В каких браузерах работает?

9.0+ 3.0+ 10.50+ 3.1+ 3.6+ 2.0+ 2.0+

В каких спецификациях используется?

HTML - - 5.0
XHTML - -

Для чего используется?

Выводит выбранную картинку на экран до тех пор, пока видеофайл не прогрузится на веб-ресурсе. Также картинка может использоваться в качестве альтернативного содержимого. Другими словами если браузер не воспроизведет указанный формат видео, то вместо него будет выводится указанное изображение. Формат постера не ограничивается какими-либо рамками. В том случае, если атрибут не прописан, то программа будет выводить первый кадр видео.

Как правильно задавать?

<video poster="URL-адрес"></video>

Какие значения могут быть записаны в атрибут?

URL-адрес к картинке любым способом.

В каких тегах применяется?

Применяется только в video.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег video</title>
 </head>
 <body>
  <video width="400" height="300" controls="controls" poster="image/screen.jpg">
   <source src="video/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
   <source src="video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
   Тег video не поддерживается вашим браузером.
<a href="video/duel.mp4">Скачайте видео</a>.
  </video>
 </body>
</html>

Тип HTML атрибута: 
Прочие