Trouble with background video

[Historical Forums User]

I added a background video to the top section of a page, but there is a small section that shows under neither the header section and I can’t figure out how to change the background of that section to white. The best solution is to make the background video only appear inside the .hero-area section, but I gave up on that after hours of frustration. Any ideas?
Here is a link to the testing environment…
http://aaronhaas.com/labelle/video-bg.html

[Shikkediel]

Edit – misunderstanding on my side I think… but this is what I noticed:

It is caused by the footer element, which has negative margins. This creates a horizontal scrollbar – which in turn results in 100vh for the height of the video not being equal to 100%, the available size on the screen.

.row.blackBG {
  margin: 0;
}

[Historical Forums User]

I didn’t even notice the horizontal scrollbar until you mentioned it. Yes I want to get rid of that, but also the issue with the video showing between the sticky nav bar and the top of the “About The Property” section.

[TrickzGang]

Nice One Bro, Worked For Me Also. Thanks

[Author]

Posts