这是一个我已经设法通过暴力修复的错误，但我不明白为什么该解决方案有效。
问题是嵌入的 YouTube 视频无法在 iPad(在 iOS7 中测试)的横向 View 中的特定(响应式)网站上运行。我设法将其缩小到一个特定的 CSS 规则，该规则在浏览器足够宽时在标题中显示搜索输入，因此它会在 iPad 的横向 View 中显示，但不会在纵向 View 中显示。
经过一些暴力破解后，我发现从输入标签中删除 type="search"(这会导致它退回到默认的 type="text") 将解决问题。我的搜索都没有给出为什么这有效的解释，甚至没有任何其他人遇到同样的事情。
该网站首先显示一张图片，点击后会通过 JavaScript 将其替换为 YouTube iframe。第一次点击后，它会在桌面浏览器上自动播放，而在 iPad 上它会加载视频但不会播放，直到用户再次按下它。
如果 type="search" 输入是可见的 (display: block;)，那么点击嵌入的视频将不会播放它；水龙头不会有明显的 react 。如果我放大并点击顶部的控件，例如视频的名称，我可以看到它们带有下划线，测试表明没有元素覆盖 iframe 和拦截事件。
奇怪的是，点击 iframe 右侧的边缘会导致视频开始正确播放。否则，将 iPad 更改为纵向 View (导致通过 CSS 隐藏搜索输入)将使点击 iframe 以开始播放视频。第一次点击后，无论搜索输入是否显示，所有视频控件都会起作用。
最佳答案
我自己亲身经历了这一点，我想对你写下这篇文章表示敬意。你的 SO 问题，即使没有答案，也为我指明了正确的方向。
就我而言，这与 Youtube 无关。我在一个大型站点中有一个由 Drupal 生成的页面，其中站点范围的搜索机制使用了一个自动完成的 drupal 模块，该模块将 type="search" 作为主要输入的类型。
在 IOS 中，用户报告说 Facebook、Twitter 和 Google Plus 各自的“喜欢”按钮都不起作用，页面中嵌入了一个更大的 Angular 应用程序。他们都使用 iframe，但似乎都没有响应点击。
将这个看似无害、无关的输入类型从 search 更改为 text 立即解决了这个问题。
莫名其妙。
关于ios - 当 HTML5 搜索输入可见时，嵌入式 YouTube 视频无法在 iPad (iOS 7) 上播放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19507930/
我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。 最佳答案 首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h
在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这
所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择
我正在编写一个方法，它将在一个类中定义一个实例方法；类似于attr_accessor:classFoocustom_method(:foo)end我通过将custom_method函数添加到Module模块并使用define_method定义方法来实现它，效果很好。但我无法弄清楚如何考虑类(class)的可见性属性。例如，在下面的类中classFoocustom_method(:foo)privatecustom_method(:bar)end第一个生成的方法(foo)必须是公共(public)的，第二个(bar)必须是私有(private)的。我怎么做？或者，如何找到调用我的cust
这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同，而不是下载一半的损坏文件？documentation说IO.copy_stream返回它复制的字节数，但是当我还没有下
我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时，我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有，我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.
我正在尝试解析一个文本文件，该文件每行包含可变数量的单词和数字，如下所示:foo4.500bar3.001.33foobar如何读取由空格而不是换行符分隔的文件？有什么方法可以设置File("file.txt").foreach方法以使用空格而不是换行符作为分隔符？ 最佳答案 接受的答案将slurp文件，这可能是大文本文件的问题。更好的解决方案是IO.foreach.它是惯用的，将按字符流式传输文件:File.foreach(filename,""){|string|putsstring}包含“thisisanexample”结果的
我正在学习http://ruby.railstutorial.org/chapters/static-pages上的RubyonRails教程并遇到以下错误StaticPagesHomepageshouldhavethecontent'SampleApp'Failure/Error:page.shouldhave_content('SampleApp')Capybara::ElementNotFound:Unabletofindxpath"/html"#(eval):2:in`text'#./spec/requests/static_pages_spec.rb:7:in`(root)'
1.错误信息：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:requestcanceledwhilewaitingforconnection(Client.Timeoutexceededwhileawaitingheaders)或者：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:TLShandshaketimeout2.报错原因：docker使用的镜像网址默认为国外，下载容易超时，需要修改成国内镜像地址（首先阿里
动漫制作技巧是很多新人想了解的问题，今天小编就来解答与大家分享一下动漫制作流程，为了帮助有兴趣的同学理解，大多数人会选择动漫培训机构，那么今天小编就带大家来看看动漫制作要掌握哪些技巧？一、动漫作品首先完成草图设计和原型制作。设计草图要有目的、有对象、有步骤、要形象、要简单、符合实际。设计图要一致性，以保证制作的顺利进行。二、原型制作是根据设计图纸和制作材料，可以是手绘也可以是3d软件创建。在此步骤中，要注意的问题是色彩和平面布局。三、动漫制作制作完成后，加工成型。完成不同的表现形式后，就要对设计稿进行加工处理，使加工的难易度降低，并得到一些基本准确的概念，以便于后续的大样、准确的尺寸制定。四、
