这是一个错误，我已经设法通过暴力修复，但我不明白为什么该解决方案有效。
问题在于，嵌入式 YouTube 视频无法在 iPad（在 iOS7 中测试）的横向视图中的特定（响应式）网站上运行。我设法将其范围缩小到一个特定的 CSS 规则，当浏览器足够宽时，该规则会在标题中显示搜索输入，因此它会显示在 iPad 的横向视图中，但不会显示在纵向视图中。
经过更多的蛮力摆弄后，我发现删除type="search"来自输入标签（这会导致它回退到默认值type="text"）将解决问题。我的所有搜索都没有给出解释为什么会起作用，甚至没有任何其他人经历过同样的事情。
有关该错误的更多详细信息
该网站的工作原理是首先显示一张图像，点击时该图像将通过 JavaScript 替换为 YouTube iframe。第一次点击后，它会在桌面浏览器上自动播放，在 iPad 上它会加载视频，但直到用户再次按下它才会播放。
If the type="search"输入可见（display: block;），然后点击嵌入的视频将不会导致其播放；轻敲不会有明显的反应。如果我放大并点击顶部的控件（例如视频名称），我可以看到它们带有下划线，并且测试表明没有元素覆盖 iframe 并拦截事件。
奇怪的是，点击 iframe 右侧的边缘会导致视频开始正确播放。否则，将 iPad 更改为纵向视图（导致通过 CSS 隐藏搜索输入）将允许单击 iframe 以开始播放视频。第一次单击后，无论是否显示搜索输入，所有视频控件都将起作用。
我自己刚刚亲身经历过这一点，并想对你写下这篇文章表示我的敬意。你的问题，即使没有答案，也为我指明了正确的方向。
就我而言，这与 Youtube 无关。我在一个大型站点中有一个由 Drupal 生成的页面，其中站点范围的搜索机制使用了自动完成的 drupal 模块，该模块具有type="search"作为主要输入的类型。
在 IOS 中，用户报告称 Facebook、Twitter 和 Google Plus 各自的“点赞”按钮都不起作用，页面中嵌入的一个更大的有角度的应用程序也不起作用。他们都使用 iframe，但似乎都没有响应点击。
将这个看似无害、不相关的输入类型从search to text立即解决了这个问题。
莫名其妙。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
