Incorrect Placement Of Background Video In Div/jumbotron

I have a video playing in the background of a div, however rather than showing behind the text the video is showing as a seperate section above the headline/signup form. Live examp

Solution 1:

Add following style to Your .jumbotron

margin-bottom: -500px;
z-index: -1;

Should help You with this static setup. You can also play with margins values of this elements to layout them correctly.

Solution 2:

Try this

.greenpromobox
    {
        top: 40px;
        z-index: 9999999;
        position: absolute;
        margin-left: 20%;
    }

Solution 3:

add a class in your div (text and email signup form), I have added .emailBox for example and add the following style in that

.emailBox {
    left: 50%;
    margin-left: -585px;
    position: absolute;
    top: 0;
}

hope this will solve your issue.