我在iPad的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文件。
我该如何解决这个问题？ 谢谢你的帮助
答案 0 :(得分：0)
好的，所以看来IPad上的webkit有一个bug，很奇怪。我在这里阅读 - ＆gt; https://tmpworldwide.github.io/bugs/ios-tappy-bug.html
我会引用一点
将：active伪类应用于通用选择器（*）并包含-webkit-tap-highlight-color属性似乎是罪魁祸首。
*：有效{ -webkit-tap-highlight-color：番茄; }
现在，这是一个奇怪的部分。仅当存在上述CSS块并且页面上存在具有类型属性值“search”的输入元素时才触发该错误。我知道，疯了吧？ 这里的另一个奇怪之处在于，当您将焦点应用于搜索输入时，输入内容，然后尝试播放视频，它将起作用。
现在的解决方案是将输入类型=“搜索”更改为输入type =“text”。