> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 添加自動播放Youtube視頻在分頁裡

在此文章中：  
1. 在內容頁面中添加YouTube視頻  
2. 使視頻自動播放  
3. 刪除視頻的放大效果（僅適用於X-FORCE主題）  
4. 調整視頻部分的尺寸（用於Candy主題）  
5. 調整視頻部分的大小（適用於X-FORCE主題）

在開始之前，您需要了解 [Autoplay Policy Changes](https://developers.google.com/web/updates/2017/09/autoplay-policy-changes)。

**1. 在內容頁面中添加YouTube視頻**  
  
步驟一：到Easystore後台》銷售管道》品牌官網》所有分頁》選擇自己想要的模版》點擊影片的圖標  

![](https://storage.crisp.chat/users/helpdesk/website/48a36e85a41bbc00/1d5b2343-b0cf-4151-ae9d-b81dd6_yaozyr.png)

步驟二：輸入影片的URL鏈接然後點擊確認即可。  

![](https://storage.crisp.chat/users/helpdesk/website/d15e436a0502d800/c367f547-81c5-4c09-b455-c94304_15c0kh3.png)

## **2. 使視頻自動播放**

步驟一：點擊原始碼的圖標  

![](https://storage.crisp.chat/users/helpdesk/website/3ebcefb993c91e00/c11554f5-2b5c-4b77-aa00-38ba16_1mgpggd.png)

步驟二：在SRC將**?fs=1** 更換成 `autoplay=1&mute=1`  

![](https://storage.crisp.chat/users/helpdesk/website/f9d127055261e000/709f0540-c85c-4a80-b817-faa35c_1gwh4l5.png)

步驟三：一旦設定好，只需點擊回 **原始碼** 圖標，然後點擊儲存即可。  

##   
**3. 刪除視頻的放大效果（僅適用於X-FORCE主題）**  

步驟一：到Easystore後台》銷售管道》品牌官網》編輯原始碼》尋找Theme.scss  
  
步驟二：尋找video-wrapper 並將 width & height 的百分比改成100%。  
  

![](https://storage.crisp.chat/users/helpdesk/website/cb80bc38d78b7000/68bac10a-56be-4f99-86db-e44243_1funtlq.png)

![](https://storage.crisp.chat/users/helpdesk/website/5cb23a61d78ea400/6b6c0156-4248-4268-8839-e079cb_306mtm.png)

步驟三：點擊儲存即可。  

## **4. 調整視頻部分的尺寸（僅用於Candy主題）**

  
步驟一：到Easystore後台》銷售管道》品牌官網》編輯原始碼》尋找Theme.scss

  
步驟二：將以下的原始碼加入到**theme.scss**的最低端以及更換 **max-width px**

``` div#es_video_section {max-width: 1000px;margin: 0 auto;}```

![](https://storage.crisp.chat/users/helpdesk/website/d68445354715f000/ea7a223f-260e-4018-ab5a-635196_1l8fszn.png)

步驟三：點擊儲存即可。  
  
設定前(全屏)：  

![](https://storage.crisp.chat/users/helpdesk/website/2fb9bfc858788600/118e5298-3abe-4077-ad7c-1afabc_10w6qko.png)

  
設定後 (900px)：  

![](https://storage.crisp.chat/users/helpdesk/website/eac8cf133e365800/cc82b291-384d-4f72-9fcb-85ecb7_ewf07s.png)

## **5. 調整視頻部分的大小（適用於X-FORCE主題）**

步驟一：到Easystore後台》銷售管道》品牌官網》編輯原始碼》尋找Theme.scss  
  
步驟二：**尋找** **.home-video-wrapper (**大約 1900+行 )然後更換 **width** & **height。**  
  

![](https://storage.crisp.chat/users/helpdesk/website/320f27fb618e6c00/31b1c2af-7660-478f-acec-28bcbf_y1egxr.png)

步驟三：點擊儲存即可。