html5 视频元素顶部的点击在 iPhone 上的 Safari 中不起作用答案

【问题标题】：Clicks on top of html5 Video elements don't work in Safari on iPhonehtml5 视频元素顶部的点击在 iPhone 上的 Safari 中不起作用
【发布时间】：2013-07-16 22:18:33
【问题描述】：

有谁知道如何在 iPhone 上的 Safari 浏览器中注册 html5 视频元素的点击次数？

我已经尝试过这里提到的一些技术：

视频元素上没有“控件”属性
绝对将我的可点击元素放在视频顶部

似乎没有任何效果。我没有看到任何点击事件，也没有看到 touchstart。我在 iOS5 和 iOS6 上都试过了。

我想实现类似于 Vimeo 的移动网站的东西。他们似乎绝对在他们的 html5 播放器上放置了一个按钮，点击它就可以了。我查看了他们的源代码，但看不到任何特别之处……但他们的点击处理程序有效。

这是一个非常简单的示例的 JSFiddle。点击蓝色按钮似乎不会触发点击事件：

http://jsfiddle.net/5kLKg/

see JSFiddle

【问题讨论】：

我应该可以点击Android上的按钮吗？

标签： iphone html mobile video safari

【解决方案1】：

看起来 Vimeo 实际上在视频元素上使用了display: none。我在想我最初的问题可能是不可能的。

我在这里更新了我的小提琴以使用 Vimeo 解决方案：

http://jsfiddle.net/5kLKg/2/

【讨论】：

您找到更好的解决方案了吗？在我的情况下，我无法隐藏视频，因为它在固定位置按钮下方滚动，但它不会隐藏整个视频。
@WillshawMedia 不，不幸的是我们不得不使用 display: none 解决方案。