Youtube影片是一種動態的廣告,商家可以拍攝影片營造出自己商店的氛圍,

或是有媒體報導過自己的品牌,那將報導放在商店首頁也會大大的加分喔!


方法1:

設定路徑:擴充 > Youtube影音


Youtube代碼

或改貼「分享>嵌入」裡面的連結,藍色框起來那段代碼。




前台首頁對照圖:

 







方法2:

此方法可調整影片大小

路徑:擴充 > HTML自訂語法區塊。

*或有開放編輯器的頁面(請勿放在商品特色


STEP1. 按下『新增+』,編輯框上方的工具列,點選「原始碼」。


STEP2. 貼上下列語法。

<center>

<div style="width:100%;max-width:850px">

<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="下圖框起來的連結貼這喔"></iframe></div></div>

</center>


*以上語法,也可以貼在商品介紹,點選『原始碼』後貼上。


youtube語法

*上圖嵌入 為Youtube頁面 




*嵌入連結>> Youtube介面更新


路徑:

STPE1. 分享。


STEP2. 嵌入


STEP3. 藍色框選處連結。


***** 這段非常重要:網址連結只能用 分享>>嵌入 裡面那段連結*****




【延伸】 


1. 若要 嵌入IG影片,請參考上方「STEP2.」設定。


置中標籤:

<center>

GI 嵌入語法

</center>

提醒您是入IG 貼文會需要外掛驗證,如果您直接貼入,很快就會失效。




2. 若要影片設定為 自動播放,請參考以下語法設定:

<center>
    <div style="width:100%; max-width:1000px;">
        <div class="embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/QMSgfOHW0ZM?si=nfuNDfFgDaJQHgJr&autoplay=1" allow="autoplay"></iframe>
        </div>
    </div>
</center>