YouTube html5player不会玩iPad safari；协议和端口异常

Question

我只在iPads的safari中发生了一个奇怪的错误。我在页面中添加了一个youtube iframe元素，它看起来像这样。

<iframe width="560" height="315" src="http://www.youtube.com/embed/dDAB35SYIr0?rel=0" frameborder="0" allowfullscreen></iframe>

正如你所看到的，我说源是http，我的站点也是http。现在，在iPad Safari上，我得到了这个控制台错误消息

阻止具有原名"https://www.youtube.com“的帧访问具有原名"http://example.com”的帧。请求访问的帧具有"https“协议，所访问的帧具有"http”协议。协议必须匹配。

我认为这很奇怪，原因有二。我特别说“使用http”2。它可以在其他设备上工作。

现在，如果我将协议更改为https (现在我也在https站点上)并尝试这样做，我将得到以下错误

阻止具有原名"https://www.youtube.com“的帧访问具有原名"https://www.example.com”的帧。协议、域和端口必须匹配。

所有错误都引用html5player.js文件。

我怎么才能解决这个问题？谢谢你的帮忙

Answer 1

好吧，看来IPad上的webkit有一个bug，一个奇怪的bug。我在这里读到的，-> https://tmpworldwide.github.io/bugs/ios-tappy-bug.html

我会引用其中的一点

将:active伪类应用于通用选择器(*)，并包含-webkit-抽头-高亮颜色的属性，似乎是罪魁祸首。 *：活动{-webkit-点击-高亮-颜色:番茄；} 这是奇怪的地方。只有当上面的CSS块存在并且页面上有一个类型属性值为"search“的输入元素时，才会触发bug。我知道，疯狂，对吧？这里的另一个奇怪之处是，当您将焦点应用于搜索输入，键入一些内容，然后尝试播放视频时，它就会工作。

现在的解决方案是将输入type="search“改为输入type="text”。