js 如何算出 iframe src 內容的正確高度？ via instagram

iframe js jquery instagram instagram api

火爆浪子 2018-09-23 23:18:32 ‧ 2215 瀏覽

事由
我想利用 iframe 並搭配 instagram 引入到自己的網站中。但遲遲無法破解「算出」該 content 的高度問題

代碼

<iframe src="https://www.instagram.com/p/BoEDAZMHW2R/embed/" allowtransparency="true" frameborder="0" scrolling="no"></iframe>

寬度可以設置，但是高度是不可預期，因為不知道該 content 的圖片和影片的大小，完全是未知數：https://www.instagram.com/p/BoEDAZMHW2R/embed/

所以想問說 js 是否有辦法實現獲取到 SRC 的內容高度，並回傳給 iframe 的 height ？

可用何種函數或有範例可以參考？

看更多先前的討論...收起先前的討論...

Homura iT邦高手 1 級 ‧ 2018-09-24 00:03:20 檢舉

height:100% 不行??

froce iT邦大師 1 級 ‧ 2018-09-24 10:35:51 檢舉

給個max-height，然後overflow-y給scroll？

77012904 iT邦新手 3 級 ‧ 2018-09-24 14:36:24 檢舉

用css去解決。不然在jQuery的 .ready事件中去取得高度

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2018-09-26 10:39:28 檢舉

如果iframe是在同域名的情況，可以對目標做js回傳高度到父視窗裏
如果不是同域名的情況下。一般的做法是需要做非同步化偵測檢查。
不過我擔心你聽不懂非同步化的意思跟做法，解釋起來又麻煩。
相信你一定會想要說給程式碼來看就行了。

我想~~~就這樣好了。

火爆浪子 iT邦研究生 1 級 ‧ 2018-09-26 10:44:16 檢舉

Homura ：不行

火爆浪子 iT邦研究生 1 級 ‧ 2018-09-26 10:44:44 檢舉

浩瀚星空：不是同個域名...不然我也會解決
只要給我方式就行了，「可用何種函數或有範例可以參考？」函數名稱也行。

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22207 篇

完賽人數

600 人

IT邦幫忙