Facebookの埋め込み埋め込みFacebookのビデオとポストの高さ

Question

埋め込みFacebookのビデオのiframeの高さと私のウェブページ上の投稿を取得しようとしています。私は多くの異なる投稿と動画を埋め込んでいるので、私はでiframeの幅を指定していますが、高さはではありません。ビデオについては

：投稿用

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fbbcnews%2Fvideos%2F10153836161582217%2F&show_text=1&width=560" width="560" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe> 

：ここでのコードのように今

<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2F9gag%2Fposts%2F10154878302591840&width=500" width="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe> 

私は幅のみを指定した場合、私は半分にカットされたのiframeを得ました。 Video example

私の質問は、コンテンツが埋め込まれたビデオと投稿用にがレンダリングされた後に、コンテンツの高さをに取得する方法です。 JavaScriptの方法はありますか？またはおそらく私が使用できるAPIコール？

ありがとうございました。

Answer 1

iframeのコンテンツが別のドメインにある場合、その内部にアクセスすることはできません。それはクロスサイトスクリプティングです。

ので、最善の解決策は、あなたiframeのsrcプロパティにクエリ文字列にheightを渡すとその親フレームからあなたiframeの高さを取得することです。以下

例：あなたはJS SDK経由でそれらを埋め込む場合

var elm = document.getElementById('iframeFb'); 
 
console.log('iframe height is: ', elm.height);

<iframe id="iframeFb" src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fbbcnews%2Fvideos%2F10153836161582217%2F&show_text=1&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>