> 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/social-tools/custom-widget/embed-video-in-product/qdm.md).

# QDM | 嵌入影片

## QDM 商品頁嵌入影片

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

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

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

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

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

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

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

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2F4VGwwxBLQzc9QhmvLBuk%2Fimage.png?alt=media&amp;token=a7a98037-d994-4bd3-a609-32c8e7a5dc2c" alt=""><figcaption><p>影片嵌入碼 - 1</p></figcaption></figure>

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FAzB48dxjntdPqq7NpG1d%2Fimage.png?alt=media&amp;token=fe48ad38-a4c3-4c7a-9c15-910bffbbd674" alt=""><figcaption><p>影片嵌入碼 - 2</p></figcaption></figure>

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

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

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

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FqOxgpGcg8BRi5L6EcI3N%2Fimage.png?alt=media&amp;token=edca6f4c-8de0-4de0-a815-2472454545c4" alt=""><figcaption><p>商品特色 / 商品介紹</p></figcaption></figure>

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

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

將先前取得的影片嵌入碼，輸入至「 商品特色 or 商品介紹 」欄位中的「 <img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FNSv2rOP1XR2P7sb454sl%2Fimage.png?alt=media&amp;token=cd82d5d4-f3d3-43c8-9aee-b72915136cbe" alt="" data-size="original"> 」再儲存即可嵌入影片。

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FlHKGkcFv2OA9zQmUIQOh%2Fimage.png?alt=media&amp;token=4097d9cd-70cf-4289-b8f2-13f0c8c58a87" alt=""><figcaption><p>貼上代碼</p></figcaption></figure>

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

<figure><img src="https://705165073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV3NDyE2p2PVA02XxLVkM%2Fuploads%2FDBqrAYaltkTE84fktbtS%2Fimage.png?alt=media&amp;token=a2bba8b7-99c4-4c07-87d3-55f944bef08e" alt=""><figcaption><p>商品頁示意圖</p></figcaption></figure>