Атрибут poster

Указывает адрес картинки, которая будет отображаться, пока видео не доступно или не воспроизводится. Само изображение может быть в любом доступном формате: GIF, PNG, JPEG. Если атрибут poster не указан, браузер постарается отобразить первый кадр видео.

Синтаксис

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

Значения

В качестве значения принимается полный или относительный путь к графическому файлу.

Значение по умолчанию

Нет.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>poster</title> </head> <body> <video width="480" height="364" controls poster="video/potemkin.webp"> <source src="video/potemkin.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> </video> </body> </html>

Результат данного примера показан на рис. 1.

Постер

Рис. 1. Постер видео

Браузеры

9 12 3 10.5 3.1 3.6
4.4 4 14 3

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.