Задать вопрос
Nikulio
@Nikulio
NaN !== NaN

Как поставить видео на background не используя fixed?

Привет

Есть видео, которое стоит на бэкграунде, вот оно :
<video autoplay id="bgvid" poster="img/water-on-glass.jpg">
			<source src="videos/medoff-video.webm" type="video/webm">
			<source src="videos/medoff-video.mp4" type="video/mp4">
		</video>


video#bgvid {
		position: fixed;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		//background: url(polina.jpg) no-repeat;
		background-size: cover;
	}


Но так же на странице есть параллакс и он ломается из-за этого видео.
Вопрос: как можно сохранить поведение этого видео, но убрать position:fixed?
Спасибо
  • Вопрос задан
  • 272 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
абсолютным позиционированием
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы