In your CSS file you have a property that is conflicting with the component behaviour:
background-position: center top;
z-index: -100 !important;
If you remove the z-index propery or set it to 0 then it works as it should.
The video player has a z-index of 0 and is the first element in the DOM tree, so it should be placed on the back of the other elements. But if you have any element in the page with a negative z-index, this element will be placed behind the player.
Hope this helps you,