Руководство по HTML

Полный список тегов HTML

HTML: атрибут poster в теге video

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

　HTML <video> тег

Онлайн пример

Видеоплеер с изображением постера:

Пример

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Сайт основного руководства (oldtoolbag.com)</title>　
</head>
<body>
<video controls poster="/run/html/views.png">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Ваш браузер не поддерживает тег video.
</video>
</body>
</html>

Проверьте, ›‹

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают атрибут poster.

Внимание: Microsoft Internet Explorer 8 и более ранние версии не поддерживают тег <video>.

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

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

Различия между HTML 4.01 и HTML5

<video> тег - это новый тег HTML5.

Синтаксис

<video poster="URL">

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

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

　HTML <video> тег

HTML: <template> тег