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。我想我原来的问题可能是不可能的。

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

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