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

在此文章中：

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

在開始之前，您需要了解 Autoplay Policy Changes。

1. 在內容頁面中添加YouTube視頻

步驟一：到Easystore後台》銷售管道》品牌官網》所有分頁》選擇自己想要的模版》點擊影片的圖標

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

2. 使視頻自動播放

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

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

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

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

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

步驟二：尋找video-wrapper 並將 width & height 的百分比改成100%。

步驟三：點擊儲存即可。

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)



步驟三：點擊儲存即可。

Updated on: 12/01/2024