Javascript 嵌入Youtube视频http/https匹配错误

我正在我的网站上嵌入Youtube视频，如下所示：

<iframe class="frame-for-top" width="300" height="200" src="https://www.youtube.com/embed/nb9GMm7QtlM" frameborder="0" allowfullscreen></iframe>

现在，当我打开控制台时，我收到一条关于我所有嵌入youtube视频的错误消息，上面写着：

：1未捕获的安全性错误：阻止了具有原点的帧 “”访问具有原点的帧 "". 请求访问的帧具有以下协议： “https”，正在访问的帧具有“http”协议。协议 必须匹配

我尝试将iframe中的“src”改为http，而不是https，这似乎可行，但我不知道这样做是否可行。有什么反馈吗

更新：

即使在JS中，仍然会出现错误；

您需要在src url中添加一个，然后您可以在iframe中使用

http

协议：

作为额外的安全措施，您还应该在URL中包含origin参数，指定URL方案（http://或https://）和主机页的完整域作为参数值。而origin是可选的，包括它可以防止恶意的第三方JavaScript被注入到您的页面和劫持您的YouTube播放器的控制

例如：

<iframe id="player" type="text/html" width="640" height="390"
  src="http://www.youtube.com/watch?v=nb9GMm7QtlM?origin=http://mywebsite.com"
  frameborder="0"></iframe>

您必须使用：

src="https://www.youtube.com/embed/videoID"

---

它对我有效。

我无法使用您的iframe链接再现错误消息：。你能分享周围的代码吗？