title: 如何將 Instagram 的照片/影片嵌入到網頁中

---

**摘要**

Instagram 可以讓我們快速的將拍攝好的照片和影片立即加上特效後，上傳到網路與好友分享，是國內外網友相當熱愛的服務之一，現在 Instagram 推出照片/影片嵌入功能讓我們直接將上傳到 Instagram 的檔案嵌入到網頁，不用再手動處理或透過第三方工具。

**Category**

- [精選技巧](https://www.soft4fun.net/category/how-to/tips)

**Tag**

- [instagram](https://www.soft4fun.net/tag/instagram)

**圖片清單**

- ![instagram embed](https://www.soft4fun.net/wp-content/uploads/2013/07/instagram-embed.png "instagram embed")
- ![如何將 Instagram 的照片/影片嵌入到網頁中 instagram-01](http://pic.soft4fun.net/imgs/595ba50d945d_84C3/instagram-01.png "如何將 Instagram 的照片/影片嵌入到網頁中 instagram-01")
- ![如何將 Instagram 的照片/影片嵌入到網頁中 instagram-02](http://pic.soft4fun.net/imgs/595ba50d945d_84C3/instagram-02.png "如何將 Instagram 的照片/影片嵌入到網頁中 instagram-02")

---

Instagram 可以讓我們快速的將拍攝好的照片和影片立即加上特效後，上傳到網路與好友分享，是國內外網友相當熱愛的服務之一，現在 Instagram 推出照片/影片嵌入功能讓我們直接將上傳到 Instagram 的檔案嵌入到網頁，不用再手動處理或透過第三方工具。

 

#### 使用方式

 

![如何將 Instagram 的照片/影片嵌入到網頁中 instagram-01](http://pic.soft4fun.net/imgs/595ba50d945d_84C3/instagram-01.png "如何將 Instagram 的照片/影片嵌入到網頁中 instagram-01")

          

▲ 以瀏覽器登入 Instagram 後，瀏覽照片或影片時會在右方看到嵌入按鈕，點擊它。

 

![如何將 Instagram 的照片/影片嵌入到網頁中 instagram-02](http://pic.soft4fun.net/imgs/595ba50d945d_84C3/instagram-02.png "如何將 Instagram 的照片/影片嵌入到網頁中 instagram-02")

 

▲ 接著把畫面上顯示的程式碼複製下來，並貼到網頁的 HTML 中即可。

 

#### 影片嵌入示範

  

#### 嵌入功能陽春，參數需小心調整

 

即便許多知名影音、照片分享網站都早已內建嵌入功能，但是 Instagram 的嵌入介面設計上仍顯得相當簡易，介面上無法直接調整嵌入多媒體的長寬，若要調整必須自己按等比例計算後，從 HTML 裡面修改。