Articles on: 官網設計

添加自動播放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

這篇說明對您有幫助嗎?

Share your feedback

取消

感謝!