[教學] 如何把 Instagram 的相片或影片內嵌到其他網站?



[教學] 如何把 Instagram 的相片或影片內嵌到其他網站?[教學] 如何把 Instagram 的相片或影片內嵌到其他網站?

上週 Instagram 推出影片錄製功能,使用者可以錄製每段最長 15 秒鐘的短片,也能加入濾鏡特效,iOS 版內建防震功能,大家都用過了嗎?如果你是個 Instagram 愛用者,本身也有網站或部落格的話,其實可以用一些簡單的方法把 Instagram 上的相片或影片貼到自己的網站裡。

Instagram 雖然還沒有提供使用者取得內嵌原始碼,但已經有國外網友把這功能寫出來了,只要進入網站,把 Instagram 上的固定網址貼上,就會產生讓你可以使用在網站的 HTML 代碼。

網站名稱:Embed Instagram
網站鏈結:https://ctrlq.org/instagram/

使用教學

1. 開啟 Embed Instagram 後,把你要取得原始碼的 Instagram 網址直接貼上,按下 Generate Embed Code 按鈕即可。

不知道要怎麼取得 Instagram 鏈結嗎?開啟 https://instagram.com/ 並登入你的帳戶,每點開相片或影片,網址列顯示的就是該頁面的固定鏈結。

[教學] 如何把 Instagram 的相片或影片內嵌到其他網站?[教學] 如何把 Instagram 的相片或影片內嵌到其他網站?

2. 除了可以內遷相片外,Embed Instagram 也可以把影片內嵌到你的網站裡喔!而且還能直接在瀏覽器裡播放。

2013 06 30 13002013 06 30 1300

這是把 Instagram 相片內嵌進來的範例:


本熊今日心情大好。#PreGram #fun #like #happy #home #summer #bear #rilakkuma #cute #kaohsiung #taiwan #iphoneonly #iphone by @pseric

這是把 Instagram 影片內嵌進來的範例:

有沒有突然很想去旗津? #boat #sea #sunset #rain #kaohsiung #taiwan #iphoneonly #高雄 #台灣 #旗津 by @pseric

如果如果你也有使用 Instagram 的話,歡迎追蹤我的訊息,希望能和大家在 Instagram 交朋友喔!我的 Instagram:https://instagram.com/pseric 。

Ten articles before and after

Instagram 新增 Embed 功能,相片影片可貼到網站或部落格

如何開啟 Yahoo! 奇摩「二次登入驗證」雙重驗證功能?

免費下載 WordPress 中文佈景主題開發指南(PDF 電子書)

開啟 Twitter 登入認證,以 iOS 和 Android App 強化帳戶安全

Google 雲端硬碟「嵌入影片」功能,直接把影片放進網頁

為網站加入「Google+ 行動推薦內容」,在行動裝置推薦使用者有興趣的頁面

Instagram 推出影片功能,用手機錄製 15 秒短片,可加濾鏡特效

[教學] 如何不讓 Facebook 廣告顯示你的名字和大頭貼?

VoiceTube:超棒的互動式英文學習網站!看 YouTube 影片學英文,從興趣中獲得知識

LinkedIn 新增兩步驟驗證功能,保護你遠離駭客