---
# System prepended metadata

title: A首頁影片輪播

---

# A首頁影片輪播

![](https://i.imgur.com/nijQO2q.jpg)


<h2>第一步
廣告模組>廣告項目 
點擊動作>編輯
    
![](https://i.imgur.com/fcmSrj7.png)
<h2>第二步
    
點擊>檢視>程式碼
![](https://i.imgur.com/8MdabjU.png)

第三部
複製下方程式碼 貼到內容框
---
```
<ul>
<!-- 這裡是電腦版的原始碼 -->
<li class="item youtube pc-youtube">
<div class="youtube-info"><iframe class="embed-player slide-media" src="https://www.youtube.com/embed/9g-hDEPFPs0?enablejsapi=1&amp;controls=0&amp;fs=0&amp;iv_load_policy=3&amp;rel=0&amp;showinfo=0&amp;loop=1&amp;playlist=9g-hDEPFPs0&amp;start=1" frameborder="0" allowfullscreen="allowfullscreen" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe>
<div class="youtube-control pause">
<div class="youtube-pause"><img src="https://test.m000325.minmax.website/styles/images/index/speaker-filled-audio-tool.png" alt="" /></div>
<div class="youtube-play"><img src="https://test.m000325.minmax.website/styles/images/index/mute.png" alt="" /></div>
</div>
<div class="youtube-info-link-box">
<h2 class="youtube-info-title">調整式啞鈴系列-電腦</h2>
<div class="youtube-info-link"><a href="https://test.m000325.minmax.website/product">立即選購</a> <a href="https://test.m000325.minmax.website/products">更多啞鈴系列</a></div>
</div>
</div>
<div class="youtube-bg"><img class="img-object" src="https://test.m000325.minmax.website/files/index/demo-video.jpg" alt="" /></div>
</li>

<!-- 這裡是手機版的原始碼 -->
<li class="item youtube mb-youtube">
<div class="youtube-info"><iframe class="embed-player slide-media" src="https://www.youtube.com/embed/TfkrlWjIVKI?enablejsapi=1&amp;controls=0&amp;fs=0&amp;iv_load_policy=3&amp;rel=0&amp;showinfo=0&amp;loop=1&amp;playlist=TfkrlWjIVKI&amp;start=1" frameborder="0" allowfullscreen="allowfullscreen" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe>
<div class="youtube-control pause">
<div class="youtube-pause"><img src="https://test.m000325.minmax.website/styles/images/index/speaker-filled-audio-tool.png" alt="" /></div>
<div class="youtube-play"><img src="https://test.m000325.minmax.website/styles/images/index/mute.png" alt="" /></div>
</div>
<div class="youtube-info-link-box">
<h2 class="youtube-info-title">**調整式啞鈴系列-手機**</h2>
<div class="youtube-info-link"><a href="https://test.m000325.minmax.website/product">立即選購</a> <a href="https://test.m000325.minmax.website/products">更多啞鈴系列</a></div>
</div>
</div>
<!-- 新增架構 -->
<div class="youtube-bg"><img class="img-object" src="https://test.m000325.minmax.website/files/index/demo-video.jpg" alt="" /></div>
</li>
</ul>
```
<h2>第四步
更換影片連結 
換影片時，把有底色的ID改成要放的影片ID就可以了
影片的ID如圖中反白的部分
    
![](https://i.imgur.com/DYSADor.png)
<h2>第五步
點選圖片
    
![](https://i.imgur.com/7RsrlE5.jpg)
選圖片選項
    
![](https://i.imgur.com/X2h8FGU.jpg)
更改連結
    
![](https://i.imgur.com/OgTaL5h.png)

