youtube iFrame 是空白的

Posted 2023-02-24

【中文标题】youtube iFrame 是空白的

【英文标题】：youtube iFrame is blank

【发布时间】：2013-09-09 02:33:28

【问题描述】：

所以，当我尝试在我的演示网站上运行它时， 这只是我网页中的一个空白点。 它没有显示 youtube 或我连接到的任何网站。

<iframe   frameborder="0" 
src="http://www.youtube.com/" name="iFrameSearch">
</iframe>

有没有办法在不使用 Youtube API 的情况下让它工作？我强烈希望暂时不要使用 API。

【问题讨论】：

您的代码在我的 chrome 中运行良好。你用的是什么浏览器？

我也在使用 chrome。我也忘了列出另一部分重要信息！我正在使用它来显示搜索数据。基本上，我有一个搜索栏，应该可以在 youtube 上查看并在 iFrame 中显示结果，但我在显示时遇到问题。

那是你的问题。发布所有相关代码或创建 JSFiddle

在标题中添加 X-Frame-Options: SAMEORIGIN。

这里是JSFiddle的相关代码：jsfiddle.net/XgJjg

【参考方案1】：

我今天遇到了这个问题，我的问题是HTTP vs HTTPS。

如果您的页面是 HTTPS，如果它引用不安全的 HTTP 站点，它将不会加载 iFrame。

尝试将 iFrame 更改为始终为 HTTPS。

请参阅Insecure content in iframe on secure page 了解更多信息。

<iframe   frameborder="0" 
src="https://www.youtube.com/" name="iFrameSearch">
</iframe>

【讨论】：

这是我今天的问题

【参考方案2】：

你可以试试这个，对我来说效果很好。

<embed
 
src="http://www.youtube.com/v/XGSy3_Czz8k"
type="application/x-shockwave-flash">
</embed>

【讨论】：

遗憾的是，嵌入不适用于我想要实现的目标。我用更多细节更新了这个问题，因为我意识到我没有像我应该做的那样具体，我很抱歉。

【参考方案3】：

<iframe   src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1" frameborder="0" allowfullscreen></iframe>     

请参考this。