控制叠加适用于iPhone/iPad的

Question

我写一个web应用程序，我需要显示视频和一些（非标配）视频它所控制，它应该会出现在覆盖。因此，创建一些div并将它们放在视频上，并使用更高的z-index。

尽管如此，iPhone和iPad，看来这些控件是不可点击。我为点击事件注册了操作，但是当我点击控件时根本没有触发该操作。据我所知，当视频实际播放时（甚至全屏显示），我无法控制，但问题在于，即使视频停止，控件也无法使用。

我也试图从视频中删除controls属性，没有效果。

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

Answer 1

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

Answer 2

我有同样的问题，得到它通过设置HTML5视频元素的CSS属性工作时

暂停到-webkit-transform:scale(0.01);

打到-webkit-transform:scale(1);

的问题是，在iOS的HTML5视频元素似乎劫持领域的单击事件中包含的视频元素的边框（在上面运行的所有元件）。如果边框是由具有规模（0.01）或边界盒小推离屏幕平移X（-2560px），没有元素的区域是直接的视频元素上方，单击事件将被解雇。