在iPhone上检测视频元素上的触摸

Question

我目前在网页上有一个使用html5视频标签的视频。 我需要检测用户触摸了视频标签上的任意位置。 我正在使用jquery库，但即使我在整个主体标签上进行触摸检测，似乎也没有任何触摸检测，它不会记录被触摸的情况。 我使用了以下内容：

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

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

Answer 1

我已经做到了！ 简短的答案IOS可以防止覆盖视频标签的任何元素在其上方具有有效的点击功能方法（点击功能将被忽略）。 解决方案是一开始不使用视频标签，而要使用带有数据标签元素的div标签。 单击此div后，您需要即时将所有重要值注入视频标签。 完成此操作后，您就可以运行自己的视频播放器脚本了（我背负着video js）。 我有一个工作的zip文件夹示例，该示例基于bbc iplayer = http://www.andy-howard.com/recreate-bbc-iplayer/index.html

请四处散布。 这花了我很多时间，所以希望您觉得它有用。