Overlay on HTML5 Fullscreen Video

Question

I want to add overlay hotspots on a html5 video which will help me give info about that video. I was able to successfully add it on HTML5 Video\'s normal mode. But, when i c

Answer 1

This can be solved with a trick. Have a look on this example here: http://jsfiddle.net/carmijoon/pZbkX/show/

z-index: 2147483647;

You can also see the code here: http://jsfiddle.net/carmijoon/pZbkX/

z-index: 2147483647;

you need to add maximum value of z-index which is (z-index: 2147483647;) in to the overlay element. That trick will solve your issue.

Can you also share your file on jsfiddle?