iPad Safari mobile seems to ignore z-indexing position for html5 video elements

Question

I got a video element on a page that\'s working fine both in safari mobile and desktop. I have a seme-transparent pull-down menu that\'s working fine. The problem is, when t

Answer 1

You can fix z-index on dynamically created videos by giving the video element -webkit-transform-style: preserve-3d.

This worked for me with a dynamically created video element. I also set the z-index of the over-laying div to z-index: 888; which may also have helped.