Anyway to make a parallax background video, begin after the full screen header?

I have a full screen header with a background video playing on a loop when the page loads up. Underneath that header section I have a second full width section with a background video on loop as well.
I am wondering if there is anyway to make the second background video act as a parallax background video once we scroll to that part of the page. I would like for the video up top to still be visible and full screen and then scroll down to the second section with a video and have this video stick for the remainder of the page.
I have add this css to get the second video to be in a fixed position...

.et_pb_section_video_bg {
position: fixed!important;
}

But when I use this code, it pushes the background video up to cover the whole screen, blocking out my header video. is there anyway I can get this video to stay fixed in its place underneath the header without it pushing its way up to the top of the page?

I am working on putting together a new site with divi and I want to try something new. I have not seen an example of this in Divi so i'm not sure if or how it can be done. but if anyone has any ideas or code snippets they would be greatly appreciated.

you can see the site I am working on here. https://www.fireoakmedia.com/
the first section with the logo video I would like to still be displayed on load, and then scroll down to that second section and have that background video act as a parallax effect so it stays fixed for the remainder of the page.

Thanks

 

You think I should set the second section to absolute & stick it to the top? Or the top section??