iphone - 单击 html5 视频元素顶部在 iPhone 上的 Safari 中不起作用

Question

有谁知道如何在 iPhone 上的 Safari 中获取在 html5 视频元素上注册的点击？

我在 SO 上尝试了这里提到的许多技术:

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

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

我想实现类似于 Vimeo 移动站点的功能。他们似乎绝对将一个按钮放在他们的 html5 播放器的顶部，然后单击它就可以了。我查看了它们的来源，但没有发现任何特别之处……但它们的点击处理程序仍然有效。

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

http://jsfiddle.net/5kLKg/

see JSFiddle

Answer 1

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

我更新了我的 fiddle 以在此处使用 Vimeo 解决方案:

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