检测iphone上视频元素的触摸

时间:2013-06-22 20:28:25

标签: jquery iphone html5 video

我目前在网页上使用html5视频标签制作视频。我需要检测用户触摸视频标签上的任何位置。我正在使用jquery库,但即使我在整个身体标签上进行任何触摸检测,它也不会被触摸注册。我使用了以下内容:

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

有关如何让视频响应iphone触控的任何想法?

1 个答案:

答案 0 :(得分:0)

我成功了!简短回答IOS可防止覆盖视频标签的任何元素在其上面具有工作点击功能方法(单击函数将被忽略)。 解决方案是最初不使用视频标记,而是使用数据标记元素创建自己的div标记。单击此div后,您需要动态地将所有重要值注入视频标记。完成后,您可以运行自己的视频播放器脚本(我捎带视频js)。我有一个工作的zip文件夹示例,它基于bbc iplayer = http://www.andy-howard.com/recreate-bbc-iplayer/index.html

请传播一下。这花了我很多时间,所以我希望你发现它很有用。