fil_and
@fil_and
Делаю сайт гимнастики

Вставить видео без controls и полей?

Хочется оставить на сайте короткие, движущиеся и зацикленные видео, сейчас это сделано гифками, но они много весят, нужно переделать под видео, но как? Нужно, чтобы не было как на скрине 1:

5f37eeced0a30121559701.png

А получается только как на скрине 2, с полями и элементами управления. Если убрать controls, то видео становится просто картинкой, если добавлять width="640" height="360" то оно вылезает за блок. Как сделать, чтобы выглядело гифкой, но было видео файлом?

5f37ef62cfba7071101157.png
  • Вопрос задан
  • 54 просмотра
Решения вопроса 1
<div class="video">
  <video  loop muted autoplay src="http://thenewcode.com/assets/videos/polina.mp4"></video>
</div>

.video {
    width: 100%;
    padding-bottom: 67%;
    position: relative;
}
.video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
https://developer.mozilla.org/ru/docs/Web/CSS/obje...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы