Атрибут poster видео

Объект Video DOM HTML

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

poster Атрибут устанавливает или возвращает значение атрибута poster видео.

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

Пример

Пример 1

Изменение обложки видео:

document.getElementById("myVideo").poster = "/images/w3logo.png";

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

Пример 1

Получение URL обложки изображения:

var x = document.getElementById("myVideo").poster;

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

Синтаксис

Возврат атрибута poster:

videoObject.poster

Настройка атрибута poster:

videoObject.poster = URL

Значение атрибута

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

Указание URL изображения файла.

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

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

Технические детали

Возврат значения: Строковое значение, представляющее URL изображения обложки. Возвращает весь URL, включая протокол (например, http://).

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 9.0 Поддержка Поддержка Поддержка

Соответствующие страницы

Руководство по HTML:Атрибут poster элемента <video> HTML

Объект Video DOM HTML