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

在此文章中：
在內容頁面中添加YouTube視頻
使視頻自動播放
刪除視頻的放大效果（僅適用於X-FORCE主題）
調整視頻部分的尺寸（用於Candy主題）
調整視頻部分的大小（適用於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;}

步驟三：點擊儲存即可。

設定前(全屏)：




設定後 (900px)：

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

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

步驟二：**尋找** .home-video-wrapper (大約 1900+行 )然後更換 width & height。




步驟三：點擊儲存即可。

Updated on: 12/01/2024