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

Question

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

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

关于如何让视频响应 iPhone 上的触摸有什么想法吗？

Answer 1

我成功了！简短回答 IOS 会阻止覆盖视频标签的任何元素在其上具有有效的点击功能方法（点击功能将被忽略）。 解决方案是最初不使用视频标签，而是制作您自己的带有数据标签元素的 div 标签。单击此 div 后，您需要即时将所有重要值注入到视频标签中。完成此操作后，您就可以运行自己的视频播放器脚本（我支持视频 js）。我有一个基于 bbc iplayer = http://www.andy-howard.com/recreate-bbc-iplayer/index.html

的工作 zip 文件夹示例

请传播这个。这花了我很多时间，所以我希望你觉得它有用。