iT邦幫忙

0

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

  • 分享至 

  • xImage

事由
我想利用 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 的內容高度,並回傳給 iframeheight

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

看更多先前的討論...收起先前的討論...
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事件中去取得高度
如果iframe是在同域名的情況,可以對目標做js回傳高度到父視窗裏
如果不是同域名的情況下。一般的做法是需要做非同步化偵測檢查。
不過我擔心你聽不懂非同步化的意思跟做法,解釋起來又麻煩。
相信你一定會想要說給程式碼來看就行了。

我想~~~就這樣好了。
火爆浪子 iT邦研究生 1 級 ‧ 2018-09-26 10:44:16 檢舉
Homura :不行
火爆浪子 iT邦研究生 1 級 ‧ 2018-09-26 10:44:44 檢舉
浩瀚星空:不是同個域名...不然我也會解決
只要給我方式就行了,「可用何種函數或有範例可以參考?」函數名稱也行。
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答