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

Question

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

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

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

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

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

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

http://jsfiddle.net/5kLKg/

see JSFiddle

Answer 1

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

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

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