【问题标题】:youtube iFrame is blankyoutube iFrame 是空白的
【发布时间】:2013-09-09 02:33:28
【问题描述】:

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

<iframe width="640" height="1400" 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

标签: javascript html iframe youtube


【解决方案1】:

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

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

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

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

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

【讨论】:

  • 这是我今天的问题
【解决方案2】:

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

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

【讨论】:

  • 遗憾的是,嵌入不适用于我想要实现的目标。我用更多细节更新了这个问题,因为我意识到我没有像我应该做的那样具体,我很抱歉。
【解决方案3】:
<iframe width="640" height="1400" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1" frameborder="0" allowfullscreen></iframe>     

请参考this

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-06-02
    • 1970-01-01
    • 2011-05-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-05
    • 1970-01-01
    相关资源
    最近更新 更多