Search code examples
ipadhtmlvideosafari

iPad Safari ignores div onclick above html5 video


I've a problem making div element clickable. I've a HTML5 video on screeen, after video end event I create some div element positioned above video with z-index property. On taping this divs nothing happens, but if this divs are positioned not above video, everything works just fine. Does anybody have workaround for this thing?


Solution

  • There is no way to work with html elements positioned above HTML5 video on iPad safari, since video is rendered with hardware and displayed above browser. The only workaround I've found is to hide the video when something is displayed above, to make it clickable.