HTML5 video ignoring z-index

Question

So this is what i tried so far:

            
    <         


        
      

Answer 1

On your overlay/menu element, use:

backface-visibility: hidden;

This worked for me. My guess is that it triggers 3d rendering on the element, which eliminates the z-index problem.