iPad Safari忽略html5视频上方的div onclick [英] iPad Safari ignores div onclick above html5 video

问题描述

我有个问题让div元素可点击。我在screeen上有一个HTML5视频，在视频结束事件之后，我使用z-index属性创建了一些位于视频上方的div元素。
在录制这个div时什么都没有发生，但是如果这个div不在视频之上，一切都可以正常工作。
有没有人有解决这个问题的方法？

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?

推荐答案

无法使用位于HTML5视频上方的html元素在iPad Safari上，因为视频是通过硬件呈现并显示在浏览器上方。我找到的唯一解决方法是在上面显示某些内容时隐藏视频，以便点击。

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.

这篇关于iPad Safari忽略html5视频上方的div onclick的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！