如何在iframe中显示twitter视频

Question

我有一个显示推文的小应用程序。有了这个应用程序，我试图在一个框架中显示推特视频，但正如你所知，Twitter不允许使用iframe，而不是它的小部件JavaScript框架。比如我得到

拒绝了，因为当我使用直接通过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

Answer 1

由于x-frame-options响应标题，Twitter视频不能在iframe中显示。你应该使用Twitter的JavaScript小部件API像你的JSFiddle 2