Question

我正在使用带有Reveal模态功能的Foundation 4。我可以使用youtube视频显示iframe，但我无法在iframe中显示其他网站。任何想法

<div data-reveal class="reveal-modal" id="videoModal">
  <h2>This should have iframe</h2>
  <div class="flex-video" style="display: block;">
    <iframe width="420" height="315" frameborder="0" allowfullscreen="" src="https://www.google.com" data-src="https://www.google.com"></iframe>
  </div>

  <a class="close-reveal-modal">×</a>
</div>        <a class="radius button" data-reveal-id="videoModal" href="#">Example Modal w/Video…</a>

Answer 1

这是Google本身的一个已知问题。

Refused to display 'https://www.google.com.sg/?gfe_rd=cr&ei=tqgYU7_aEqm9iAfOkoGoDg' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'

您可以在此处查看有关此已知问题的详细信息：Overcoming "Display forbidden by X-Frame-Options"

尝试使用其他页面，例如：http://www.apple.com/

<强> Updated Fiddle

jQuery Reveal modal不支持iframe？

1 个答案: