如何在 iframe 中显示 Twitter 视频答案

【问题标题】：How to display twitter videos in iframe如何在 iframe 中显示 Twitter 视频
【发布时间】：2016-08-01 08:37:39
【问题描述】：

我有一个显示推文的小应用程序。有了这个应用程序，我试图在一个框架中显示 twitter 视频，但正如你所知，twitter 不允许在没有它的小部件 javascript 框架的情况下使用 iframe。例如我得到 p>

拒绝在框架中显示，因为祖先违反了

当我使用 iframe 直接访问视频时出错。

<iframe src="https://twitter.com/i/cards/tfw/v1/560070183650213889">
  <p>Your browser does not support iframes.</p>
</iframe>

JSFiddle 1

当我试图解决这个问题时，我开始思考是否可以从客户端破坏这种安全性。如果是，您能否与我分享解决方案。

如果我使用下面的代码，它会完美运行

<blockquote class="twitter-video" data-lang="en">
   <a href="https://twitter.com/OdunHerif/status/560070183650213889">April 10, 2016</a>
</blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

问题是我可以在不使用 twitter 小部件的情况下做到这一点吗？我该怎么做 JSFiddle 2

【问题讨论】：

标签： javascript iframe twitter

【解决方案1】：

由于 x-frame-options 响应标头，Twitter 视频无法在 iframe 中显示。你应该像你的 JSFiddle 2 一样使用 twitter javascript 小部件 api

【讨论】：