Youtube Iframe API 常用功能

本篇大綱:影片愈來愈重要的這時代,前端會遇到嵌Youtube的相關需求。基本使用:嵌入影片+自動播放。1 html中放一個div,由JS去嵌入。2 html裡直接放個iframe。自製Youtube播放器。監聽Youtube播放狀態。Demo、原始碼。

postMessage 主頁、iframe頁可互相傳值

本篇大綱:前端的一個困擾 管不到 iframe。Google、Facebook也是這樣傳值的。postMessage基本使用、傳值、接值。原始碼、Demo。本篇筆記要記錄的就是A、B頁面iframe的情況下,A傳給B,或B傳給A的問題,該怎麼用postMessage來解決。

Instagram Embedding 抓iframe高度及3種大小圖片

本篇大綱:嵌入Instagram的方式、IG抓iframe高度API、IG抓3種大小圖片、本篇Demo及原始碼。IG嵌入的方式有提供API,可以用GET的方式取回code,再append到內文中。IG也提供了抓貼文圖片的API,還可以抓出small、medium、large等3種大小。