Что делать если видео залазит на другой блок?

Question

[hsnz]

Ребята, здравствуйте.
Помогите пожалуйста, поставил video background на сайт в шапку, но суть в том, что видео налазит на другой блок, хоть и находится в ограниченных рамках другого блока.
Скриншот и код предоставляю:

.fullscreen-bg {
    overflow: hidden;
    z-index: -100;
    position: relative;
    height: 100%;
    width: 100%;
    padding-top:45%;
}
 
.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.50;
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../images/plane.jpg') center center / cover no-repeat;
    }
 
    .fullscreen-bg__video {
        display: none;
    }
}

Answer 1

[Максим]

а где стили самого video ?

Comments

[hsnz]

Больше ничего нет.

video {
    object-fit: contain;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

[Максим]

hsnz: вы что ? этого не достаточно ... как минимум родителя в relative а сам видео блок absolute и уже потом width height... скинь вёрстку на cloud.mail.ru

[hsnz]

wow fadeIn delay-05s когда добавляю к нижнему элементу video больше не перелазит за блок.

[hsnz]

Но суть в том, что анимацию мне надо убрать

[Максим]

hsnz: анимация что делает ? для чего она в вёрстке и почему она мешает ?

[Максим]

hsnz:

929 строка 
.fullscreen-bg {
    overflow: hidden;
    z-index: -100;
    position: relative;
    height: 100%;
	max-height:100%;
    width: 100%;
    padding-top: 45%;
}
проверь и отпишись

[hsnz]

Ничего не изменилось, wow fadeIn delay-05s с нижнего блока убираю и сразу видео налазит на него.

[Максим]

hsnz: понял я :
116 строка в style.css сделай так

#about{
	background-color:#fff;
	background-image: url('../img/about-banner.jpg') no-repeat;
	background-size: cover;
	margin-bottom: -3px;
}

[hsnz]

Без изменений

[Максим]

hsnz: у меня есть изменения , ты может что то не так делаешь ?

[hsnz]

Перепроверил, все правильно сделал, ничего не поменялось.
.fullscreen-bg__video вот тут если меняю height, то сразу становится нормально, но видео совсем сжимается.

[Максим]

hsnz: team viewer есть ? если нету скачай и установи и пиши на [e-mail]

[hsnz]

Ок, спасибо, напишу.