Атрибут poster элемента HTML <video>

HTML <video> тег

Определение и использование

poster Атрибут определяет изображение, которое будет отображаться в процессе загрузки видео или до тех пор, пока пользователь не нажмет кнопку воспроизведения.

Если этот атрибут не установлен, будет использоваться первое изображение видео.

实例

Пример

Видеоплеер с изображением постера:
  <video controls poster="w3v.png">
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
Ваш браузер не поддерживает тег видео.

</video>

Попробуйте сами

ГрамматикаURL<video poster="

">

Значение Описание
URL

Определяет URL изображения файла.

Возможные значения:

  • Абсолютный URL - указывает на другой сайт (например, href="http://www.example.com/poster.jpg")
  • Относительный URL - указывает на файл в сайте (например, href="poster.jpg")

Поддержка браузерами

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 3.1 10.5

HTML <video> тег