What to do if the video gets to another block?

Guys, Hello.
Help please put a video background on a website in the cap, but the fact that the video fit on a block, though is in the limited framework of another block.
The screenshot and code provide:1f3c8a5fcd334f26ba7c9723ea1167ec.png
.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;
}
}
June 26th 19 at 13:58
1 answer
June 26th 19 at 14:00
and where the styles of the video ?
Nothing more.
video {
 object-fit: contain;
}
audio, canvas, progress, video {
 display: inline-block;
 vertical-align: baseline;
}
- urban_Hermann41 commented on June 26th 19 at 14:03
: you what ? it's not enough ... at least a parent in the relative and he absolute video block, and then... throw width height layout in cloud.mail.ru - Caesar.Keeli commented on June 26th 19 at 14:06
wow fadeIn delay-05s when added to the bottom of the video element is no longer climbing over the block. - urban_Hermann41 commented on June 26th 19 at 14:09
But the point is that the animation I need to remove - urban_Hermann41 commented on June 26th 19 at 14:12
: animation making ? what is it in the layout and why it is stopping ? - Caesar.Keeli commented on June 26th 19 at 14:15
:

929 string 
.fullscreen-bg {
 overflow: hidden;
 z-index: -100;
 position: relative;
 height: 100%;
max-height:100%;
 width: 100%;
 padding-top: 45%;
}
check and accomplish your goal
- Caesar.Keeli commented on June 26th 19 at 14:18
Nothing has changed, wow fadeIn delay-05s with the lower unit removed and from the video it fits him. - urban_Hermann41 commented on June 26th 19 at 14:21
: I realized :
116 line in style.the css to do so

#about{
background-color:#fff;
 background-image: url('../img/about-banner.jpg') no-repeat;
 background-size: cover;
 margin-bottom: -3px;
}
- Caesar.Keeli commented on June 26th 19 at 14:24
No change - urban_Hermann41 commented on June 26th 19 at 14:27
I have a changes , you can what not to do so ? - Caesar.Keeli commented on June 26th 19 at 14:30
Double-checked I did everything right, nothing has changed.
.fullscreen-bg__video here if you change the height, it immediately becomes fine but the video is compressed. - urban_Hermann41 commented on June 26th 19 at 14:33
: team viewer is ? if you do not have to download and install write on max.velin@mail.ru - Caesar.Keeli commented on June 26th 19 at 14:36
OK thanks, I will write. - urban_Hermann41 commented on June 26th 19 at 14:39

Find more questions by tags HTMLCSS