> For the complete documentation index, see [llms.txt](https://help.livebuy.tv/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.livebuy.tv/faq/embed-video-in-product/qdm.md).

# QDM | 嵌入影片

## QDM 商品頁嵌入影片

此項教學會帶您一步步完成影片嵌入的設定，讓消費者可在商品頁直接觀看商品介紹影片，提高消費者對於商品理解與興趣。

### 📌 步驟一：準備影片來源

#### 確保影片已上傳至 Livebuy 後台

在開始之前，請優先確認您的商品影片已正確上傳至 Livebuy 後台，並將「 [影片可見度](/product-tour/videos.md#ying-pian-ke-jian-du-she-ding) 」調整成「 僅連結可見 」的狀態。

### 📌 步驟二：取得影片嵌入代碼 ( IFrame )

#### 從影片播放頁面取得影片嵌入碼

進入 Livebuy 後台的「 影片總覽 」，點選您要的商品影片，再點選影片連結，進入影片播放頁面後，點擊「 分享 」，找到「 嵌入」，選取「 IFrame 」即可取得影片嵌入代碼。

<figure><img src="/files/pEXy3fQ3uATG7akdoirH" alt=""><figcaption><p>影片嵌入碼 - 1</p></figcaption></figure>

<figure><img src="/files/O6usPVZ0gFlfOk7lW97K" alt=""><figcaption><p>影片嵌入碼 - 2</p></figcaption></figure>

### 📌 步驟三：開啟 QDM 商品頁面的「 商品特色 or 商品介紹 」欄位

#### 設定 QDM 後台商品資訊中的「 商品特色 or 商品介紹 」

在 QDM 後台的商品庫中選取需要介紹的商品，並進入編輯，選擇商品資訊頁面，找到「 編輯 」，然後在「 商品特色 or 商品介紹 」欄位進行設定。

<figure><img src="/files/HHxHJAI3goAXPon38IbL" alt=""><figcaption><p>商品特色 / 商品介紹</p></figcaption></figure>

### 📌 步驟四：嵌入影片

#### 貼上已複製的影片嵌入代碼

將先前取得的影片嵌入碼，輸入至「 商品特色 or 商品介紹 」欄位中的「 <img src="/files/vSH7RytVQdcZQLER9bE6" alt="" data-size="original"> 」再儲存即可嵌入影片。

<figure><img src="/files/tH65tPM5bhjKUU9jNTfF" alt=""><figcaption><p>貼上代碼</p></figcaption></figure>

### 📽️ 影片嵌入完成示意畫面

<figure><img src="/files/oOnc2YN2nsqcwpMwbdqw" alt=""><figcaption><p>商品頁示意圖</p></figcaption></figure>