Видео по ширине и высоте экрана

@Appi · Регистрация: 18.02.2015

Author24 — интернет-сервис помощи студентам

Есть видео, нужно растянуть его по высоте и ширине экрана. Как это сделать?

HTML5

1
2
3

<video autoplay loop muted class="background-image">
<source src="img/videor1.mp4" type="video/mp4"></source>
</video>

сss

HTML5

.background-image {
  width: 100%;
  height: 100%;
}
.background-image-holder { //css в которым лежит он
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #292929;
  background-size: cover !important;
  background-position: 50% 50% !important;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
}

Добавлено через 13 часов 40 минут
Вопрос еще актуален

@Shakalaka · 25.03.2016, 15:47

Сообщение от Appi

Вопрос еще актуален

HTML5

<body>
  <div class="container">
    <video></video>
  </div>
</body>

CSS

html, body, .container{
  height:100%;
}
video{
  display:block;
  width:100%;
  height:100%;
}

	25.03.2016, 15:47