Fixed BG Video Flickering Underneath Fullpage Js scroll section mobile


I have implemented Fullpage Js on my website and it is working great. I have set it up so that there is a fixed BG Video header and the fullpage scrolls over the top.

Everything works well however on mobile (Safari and Chrome) the BG Video flickers in front of the fullpage wrapper, which isn’t ideal.

Any help would be greatly appreciated.

Here is my site