【问题标题】:Button's touch area on iPhone's Safari is different from iPad'siPhone Safari 上的按钮触摸区域与 iPad 不同
【发布时间】:2013-10-30 17:37:12
【问题描述】:

在 iPhone 上加载this page,您将在控制栏上看到一个带有齿轮图标的视频播放器。直接触摸此按钮不会注册任何内容,但如果您触摸右侧一点,它将触发悬停事件。弹出式收音机列表也不可选择。

所有这些都可以在 iPad 上运行。知道为什么吗?

【问题讨论】:

    标签: ios iphone ipad mobile-safari mediaelement.js


    【解决方案1】:

    我发现 iPhone Safari 上的 <video> 元素会阻止所有触摸事件。我使用的解决方法是将其尺寸减小到 1px*1px 并始终显示海报图像,从而产生实际视频的错觉。 Youtube 采用了相同的解决方法。

    P/S:上面的链接可能会随着时间而改变。

    【讨论】: