嵌入式YouTube视频不能在iPad(iOS 7)上播放,而HTML5搜索输入可见

概述这是一个我已经设法通过暴力解决的错误，但我不明白为什么这个解决方案是有效的。 问题是嵌入式YouTube视频无法在iPad(在iOS7中进行测试)中的特定(响应)站点上进行横向浏览。我设法将其缩小到一个特定的CSS规则，当浏览器足够宽时，它会在标题中显示搜索输入，因此它将显示在iPad的横向视图中，而不是在其纵向视图中显示。 经过一点更强力的武力，我发现从输入标签中删除type =“search” 这是一个我已经设法通过暴力解决的错误，但我不明白为什么这个解决方案是有效的。

问题是嵌入式YouTube视频无法在iPad(在iOS7中进行测试)中的特定(响应)站点上进行横向浏览。我设法将其缩小到一个特定的CSS规则，当浏览器足够宽时，它会在标题中显示搜索输入，因此它将显示在iPad的横向视图中，而不是在其纵向视图中显示。

经过一点更强力的武力，我发现从输入标签中删除type =“search”(这导致它返回到默认的type =“text”))可以解决问题。我的搜索都没有提出一个解释为什么这样工作，甚至任何人遇到同样的事情。

一些关于这个BUG的更多细节

该网站首先显示图像，通过JavaScript单击时将通过JavaScript替换为iframe。在第一次点击之后，它将在桌面浏览器上自动播放，iPad上会加载视频，直到用户再次按下它才播放。

如果type =“search”输入可见(display：block;)，则点击嵌入式视频不会使其播放;对于水龙头不会有明显的反应。如果我放大并点击顶部的控件，就像视频的名称一样，我可以看到它们被加下划线，测试表明没有覆盖iframe和拦截事件的元素。

奇怪的是，点击iframe右边边缘会导致视频开始正​​常播放。否则，将iPad更改为纵向视图(导致通过CSS隐藏搜索输入)将启用iframe以启动视频播放。之后，第一次点击，所有的视频控件将工作，无论搜索输入是否显示。

解决方法 刚刚经历过这个第一手，并且想要为你编写这个东西添加我的好东西。你的这个问题，即使没有答案，也是指向正确的方向。

在我的情况下，这跟Youtube无关。我在一个大型网站上有一个由Drupal生成的页面，其中站点范围的搜索机制使用了一个自动完成的drupal模块，其中type =“search”作为主要输入类型。

在IOS中，用户报告说，Facebook，Twitter和Google Plus各自的“喜欢”按钮都没有起作用，还有一个嵌入页面的角度更大的应用程序。他们都使用iframe，而且他们似乎都没有响应点击。

将这种看似无害的，无关的输入类型从搜索到文本改变立即解决了这个问题。

莫名其妙。

总结

以上是内存溢出为你收集整理的嵌入式YouTube视频不能在iPad(iOS 7)上播放,而HTML5搜索输入可见全部内容，希望文章能够帮你解决嵌入式YouTube视频不能在iPad(iOS 7)上播放,而HTML5搜索输入可见所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。