场景：
- 标准推荐的iframe嵌入Vimeo和YouTube 。
- 有人发现在iPhone上点击/触摸没有任何反应
- 禁用 css 和 js，一切正常
- 经过一番挖掘发现，如果禁用css
.ui-widget :active { outline: none; }一切都按预期工作。
这些页面上没有jquery-ui js，所以根本没有带有.ui-*的元素。删除一行甚至不应该被解析的 css 如何导致这种行为？
这种情况也发生在我身上。使用 iframe 嵌入 youtube 视频。例：
<iframe class="media-youtube-player" width="510" height="290" src="{$url to youtube}" frameborder="0" allowfullscreen></iframe>
在ipad上的野生动物园中，点击视频没有任何反应。我还对我的代码进行了一分为二，发现从中删除了这一行jquery.ui.theme.css：
.ui-widget :active { outline: none; }
修复了问题。
我还尝试将该行修改为：
.ui-widget :active { }
这也会导致问题。这意味着选择器本身会破坏 iPad 中的视频。
我还尝试将.ui-widget :active选择器替换为 :active ，这也是导致视频无法播放。
所以，这就是解决方法...删除该选择器！
以及出现在内部活动元素上的轮廓.ui-widget您需要更具体地定位。