Атрибут poster
HTML-атрибут `poster` предоставляет возможность установить изображение-постер для видео в элементе `<video>`. Это изображение будет отображаться до того, как видео начнет воспроизводиться, и может использоваться для предварительного просмотра или привлечения внимания пользователей.
Основной целью атрибута `poster` является предоставление визуального контента, чтобы пользователи могли получить представление о контенте видео до его воспроизведения. Например, вы можете использовать постер, чтобы показать кадр из видео, логотип, заголовок или любое другое изображение, связанное с видео, чтобы привлечь внимание и заинтриговать пользователей.
Пример использования атрибута `poster`:
```html
<video controls poster="путь_к_изображению.jpg">
<source src="путь_к_видеофайлу.mp4" type="video/mp4">
Текст, отображаемый, если браузер не поддерживает тег video.
</video>
```
В этом примере мы создаем элемент `<video>` с атрибутом `controls`, чтобы добавить стандартные элементы управления видеоплеером. Мы также используем атрибут `poster` для указания пути к изображению, которое будет отображаться до начала воспроизведения видео. Тег `<source>` используется для добавления источника видеофайла. Если браузер не поддерживает тег `<video>`, то будет отображен текст, указанный внутри тега `<video>`.
Атрибут `poster` является полезным инструментом для создания более привлекательного и информативного видеоплеера. Он позволяет предоставить пользователю контекст и превью видео, улучшая пользовательский опыт и привлекая больше внимания к контенту.