检测iphone上的视频元素的触摸我

Question

我目前有一个视频使用网页上的html5视频标签。我需要检测用户触摸视频标签上的任何位置。我使用的jQuery库，但它似乎任何触摸检测，即使我在整个身体标记，它不会被注册已被触摸。我已经使用了以下内容：

$(document).ready(function() { 
      $('video').bind("touchstart", function(e){alert('Video Clicked!')}); 
    }); 

有关如何使视频响应iPhone触摸的任何想法？

Answer 1

我设法做到了！简短回答IOS可以防止覆盖视频标签的任何元素在其顶部都有工作点击功能方法（点击功能将被忽略）。 解决方案是最初不使用视频标签，而是制作自己的带有数据标签元素的div标签。一旦你点击了这个div，你就需要将所有重要的值直接注入到视频标签中。一旦完成，您可以运行自己的视频播放器脚本（我支持视频js）。我有一个工作zip文件夹的例子，这是基于bbc iplayer = http://www.andy-howard.com/recreate-bbc-iplayer/index.html

请散布此周围。这花了我很多时间，所以我希望你觉得它有用。