С помощью атрибутов мы можем настроить кнопки управления, зацикливание видео и другие параметры.
Атрибут
style имеет разные свойства:
- object-fit: cover; (сохраняет пропорции исходного изображения при подстройке под нужные нам размеры. Имеет другие доступные значения)
- background-size: cover; (Управляет размерами видео внутри элемента, для которого это видео задано фоном. Имеет другие доступные значения)
- width: 100%; (Ширина заполняемого элемента)
- height: 100%; (Высота заполняемого элемента)
- border-radius: 15px; (Радиус скругления заполняемого элемента)
preload="metadata" (ускоряет загрузку страницы, загружая только базовые данные. Имеет другие
доступные значения)
autoplay="autoplay"
(удали значение, если не надо, чтобы видео автовоспроизводилось)
controls="" (удали значение, если на видео не нужны элементы управления видеоплеером)
loop="loop" (удали значение, если не нужно зацикливание видео)
playsinline="" (контролирует воспроизведение видео на мобильных устройствах. Обычно видео открывается в полноэкранном режиме, но этот атрибут позволит запретить такое поведение, оставив видео в рамках элемента)
poster="" (добавьте постер поверх видео, когда видео еще не загружено будет показываться эта картинка вместо черного экрана)