Video header on mobile, disappears behind header and content

You can target those devices using css, and put a declaration specifically for that.

Add this to your css file, and adjust to the suitable value:

@media screen and (max-width: 768px) {
    .page-template-page-video-banner .fullscreen-intro {
        margin-top: 135px !important;
    }
}