html атрибут poster

Атрибут poster вказує адресу картинки, яка буде відображатися, поки відео недоступне або НЕ запущине. Саме зображення може бути в будь-якому доступному форматі: GIF, PNG, JPEG.

Якщо атрибут poster не вказано, браузер постарається відобразити перший кадр відео.

64bfbef320286ea0359fddb44d4557d2.gif

Порада:

Використовуйте зображення яке відповідає тематиці відео.

Синтакс

<video poster="URL">

Атрибут poster може отримувати єдине значення :

URL

Задає URL-адресу файла зображення. Можливі значення:

  • Абсолютний URL - вказує на інший сайт (наприклад, href="http://www.example.com/poster.jpg).
  • Відносний URL - вказує на файл в межах веб-сайту (наприклад, href="poster.jpg").

Переглядачі

Переглядач

4.0+

3.6+

4.0+

10.5+

9.0+

12+

Переглядач

2.1+

4+

2.5+

2.1+

Приклади


Найпростіший приклад використання HTML атрибута poster теґа <video>

See the Pen Vodeo.poster_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Атрибут poster з'явився тільки у HTML5.

Різниця між XHTML та HTML


Немає жодної різниці.