html тег <video> атрибут poster


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

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

64bfbef320286ea0359fddb44d4557d2.gif

автор: с3с

Порада

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

автор: с3с

Синтаксис

<video poster="URL">

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

URL

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

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

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
4.0+ 3.6+ 4.0+ 10.5+ 12+ 9.0+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
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.

автор: с3с

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


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

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



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід