Как растянуть видео на весь размер экрана?

Question

[zelsky]

Получилось на конец зделать во всю вьіосту екрана. Но теперь по бокам появилось свободное место. Как изменить пропорцию видео, чтобьі полностью заполнить видео роликом 1-й екран ?

<video class="forvidos" autoplay    src="{% static "video/1.mp4" %}"></video>

.forvidos{
  position: relative;
  height: 100vh;
  display: block;
  width: 100vw;
}

Answer 1

[zelsky]

-webkit-transform: scaleX(1.5); 
  -moz-transform: scaleX(1.72);

Answer 2

[Школьник.]

<style>
.unique {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.forvidos{
  position: absolute;
  height: (Подгони высоту);
  display: block;
  width: 100%;
}
</style>
<div class="unique">
<video class="forvidos" autoplay    src="{% static "video/1.mp4" %}"></video>
</div>

Comments

[zelsky]

Ви наверно не поняли вопрос.
Когда делаю

.forvidos{
height: 100vh;
}
То по вьісотет в самьій раз, но тогда с права есть пустое место. Мне нужно растянуть видео под размер екрана, как на многих лендингах

Answer 3

[Nikolay Talanov]

demosthenes.info/blog/777/Create-Fullscreen-HTML5-...

Comments

[zelsky]

мне не на бг надо а на екрна. как на лендинге есть 1-й 2-й 3-й так мне на 1-й надо фулл видео.