如何在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