控制iPhone/iPad上的视频叠加

Question

我正在编写一个webapp,我需要显示一个视频和一些(非标准)控件,它应该出现在叠加层中.因此,创建一些div并将它们放在视频上,具有更高的z-index.

不过,在iPhone和iPad上,似乎这些控件无法点击.我为点击事件注册了操作,但是当我点击控件时,根本没有触发.我知道在视频实际播放时我无法控制(甚至全屏播放),但问题是即使视频停止,控件也无法使用.

我也尝试controls从视频中删除该属性,但没有效果.

有没有办法为位于iPhone/iPad上的视频上的元素注册点击事件？

Answer 1

可以尝试的一件事是让带有控件的元素遮挡整个视频，而不仅仅是视频的一部分 - 这将帮助您在任何情况下调试它。另一种方法是使用触摸事件而不是单击事件。这些执行速度更快并且通常不会被覆盖。示例代码会很有帮助。