HTML5 video ignoring z-index

Question

So this is what i tried so far:

            
    <         


        
      

Answer 1

The overlay also needs to be a sibling of the video. It will not work if the video is a child of the overlay.

Works:

Dosen't Work:

I've only tried this in Chrome so apologies if this isn't universally true.