我的应用程序包含全屏 Youtube 视频，上面覆盖有信息和链接。我正在使用 jQuery 插件TubePlayer将 Youtube 视频嵌入到<div>元素中。链接和内容覆盖在其他<div>s 中，具有更高的 Z-index。
这在桌面浏览器上效果很好。
当用户第一次访问页面时，它在 iOS 中也可以正常工作。链接覆盖在视频顶部，Youtube“播放”按钮出现在视频海报图像的顶部（见图）。所有的链接都是可点击的。当用户按下“播放”时，视频会在 Safari 的全屏视频播放器中打开。
当用户按“完成”退出 iOS 视频播放器时，就会出现问题。播放器返回上一个屏幕。所有链接在图像上方仍然可见，但现在它们不再可点击。此外，红色的 Youtube 播放按钮已被灰色的 iOS 播放按钮取代（见图）。
我很困惑为什么我可以看到覆盖的链接，但不能点击它们。关于如何处理这个问题的任何想法？我对几乎任何类型的解决方案都持开放态度。