html атрибут poster
Атрибут poster вказує адресу картинки, яка буде відображатися, поки відео недоступне або НЕ запущине. Саме зображення може бути в будь-якому доступному форматі: GIF, PNG, JPEG.
Якщо атрибут poster не вказано, браузер постарається відобразити перший кадр відео.
| Порада: | Використовуйте зображення яке відповідає тематиці відео. |
Синтаксис
<video poster="URL">Атрибут poster може отримувати єдине значення :
URLЗадає URL-адресу файла зображення. Можливі значення:
- Абсолютний URL - вказує на інший сайт (наприклад, href="http://www.example.com/poster.jpg).
- Відносний URL - вказує на файл в межах веб-сайту (наприклад, href="poster.jpg").
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
4.0+ |
3.6+ |
4.0+ |
10.5+ |
9.0+ |
12+ |
| Переглядач | ||||
|---|---|---|---|---|
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.
Різниця між HTML 4.01 та HTML5
Атрибут poster з'явився тільки у HTML5.
Різниця між XHTML та HTML
Немає жодної різниці.