eBay一直致力于為買賣雙方提供更好的售賣平臺,為了便于賣家介紹商品,便于買家了解所需,我們將為大家介紹兩種在商品詳情頁嵌入視頻的方法,以便更好的滿足買賣雙方的需求。?eBay商詳頁支持的視
eBay一直致力于為買賣雙方提供更好的售賣平臺,為了便于賣家介紹商品,便于買家了解所需,我們將為大家介紹兩種在商品詳情頁嵌入視頻的方法,以便更好的滿足買賣雙方的需求。
eBay商詳頁支持的視頻格式
eBay支持使用HTML5的VIDEO標簽來引用互聯(lián)網(wǎng)上的視頻資源(如MP4格式的視頻影片)直接播放,也支持使用圖片超鏈接的HTML代碼形式,將消費者引導向YouTube等視頻網(wǎng)站觀看相關內容。
須知:eBay已禁止使用動態(tài)內容如Javascript等代碼嵌入視頻,傳統(tǒng)視頻網(wǎng)站的視頻嵌入代碼不可直接引用,使用動態(tài)代碼可能會導致Listing下架。
HTML5 Video標簽嵌入視頻方法介紹
1. 上傳視頻:將視頻上傳至儲存空間;
2. 編輯代碼:編輯如下代碼紅色部分,[URL]替換成需要嵌入的視頻URL,[VIDEO FORMAT]替換成相應視頻格式;
3. 進入HTML編輯模式:選擇對應eBay ,進入編輯模式, Item Description中選擇HTML編輯模式;
4. 嵌入代碼:將編輯好的代碼嵌入商詳頁合適的位置。
代碼示例:
<video controls="">
<source src=“" type="video/">
</video>
HTML5 Video標簽嵌入視頻步驟
1. 進入eBay listing編輯模式,在Item Description, 選擇HTML模式;
2. 使用HTML5 <VIDEO>標簽編寫代碼,貼入相應代碼。
HTML5 Video標簽嵌入視頻須知:
1. HTML 5原生<Video> 標簽可支持MP4, webM, OGG等多種格式的視頻播放;
2. 用戶使用的瀏覽器決定了相應視頻格式是否可以播放;
3. 用戶需自行尋找對應存儲空間,存儲自己的MP4視頻文件,以https協(xié)議引用。
代碼編寫提示:
HTML5格式的代碼嵌入后,商詳頁可直接播放視頻,如下:
視頻存儲空間 - Kizoa
Kizoa是eBay官方認可的視頻存儲空間,用戶能在https://www.kizoa.app/pfh/index.php上傳視頻并以HTML5的方式進行視頻嵌入,詳細步驟請參考Appendix 1.
圖片超鏈接嵌入視頻方法介紹
1. 編輯代碼:編輯如下代碼紅色部分,[TITLE]寫入相應視頻標題(或刪除),[YouTube Video ID]替換成需要嵌入的YouTube video ID,(或替換整段URL);
2. 進入HTML編輯模式:選擇對應eBay listing,進入編輯模式, Item Description中選擇HTML編輯模式;
3. 嵌入代碼:將編輯好的代碼嵌入商詳頁合適的位置。
代碼示例:
<!-- BEGIN LINKED VIDEO -->
<p></p>
<div>
<a target="_blank" >
<img src="erved=0" https://img.youtube.com/vi//0.jpg">
</a>
<p>Video will open in a new window</p>
</div>
<style> .ytvideo * { box-sizing:border-box; } .ytvideo { max-width:480px; font-family:arial; text-align:center; position:relative; min-height:120px; background-color:#555; } .ytvideo p { position:absolute; margin:0; color:white; background-color:rgba(0,0,0,.5); } .ytvideo .yt_hd { font-size:16px; width:100%; height:28px; line-height:28px; text-align:left; top:0; left:0; padding-left:10px; overflow:hidden; } .ytvideo .yt_ft { font-size:12px; width:100%; bOTTOm:0; left:0; } .ytvideo img { display:block; max-width:100%; border:0; } .ytvideo a:after { content:"\A0\25BA"; position:absolute; width:60px; height:50px; left:0; top:0; right:0; bottom:0; margin:auto; border:0; border-radius:10px; color:white; background:rgba(0,0,0,.6); font-size:24px; line-height:50px; cursor:pointer; } .ytvideo a:hover:after { background:#CC181E; } .ytvideo .yt_inp { position:absolute; top:100%; left:0; width:100%; text-align:center; padding:.5em .2em; xfont-size:18px; border:0; color:white; background: rgba(0,0,0,.7); } @media(max-device-width:960px){ .ytvideo { margin-bottom:60px; } .ytvideo .yt_inp { padding:1em .2em; } } </style>
<!-- END LINKED VIDEO -->
須知:在桌面和移動端瀏覽器中,將打開新的窗口,跳轉至YouTube網(wǎng)站進行播放;
Android和iOS的移動端eBay APP均不支持YouTube視頻播放。
圖片超鏈接嵌入視頻示例步驟
1. YouTube網(wǎng)站找到您所需要添加的視頻URL;
2. 將該URL填如示例代碼中,將代碼復制入eBay Item Description:
代碼嵌入后,點擊eBay商詳頁的視頻,新的窗口將被打開,并跳轉至YouTube進行播放,如下:
須知:避免使用嵌入式視頻代碼
需要強調的是,請避免使用Youtube或其他視頻網(wǎng)站提供的<iframe>嵌入視頻代碼,這種有可能將會被eBay識別為動態(tài)內容,可能會導致listing的下架。
除了YouTube,其他平臺也能支持相同嵌入視頻的功能,如下:
Appendix I
如何使用視頻存儲空間 Kizoa
上傳視頻步驟:
1. 進入Kizoa主頁: https://www.kizoa.app/pfh/index.php
2. 注冊賬號并登錄使用
3. 點擊Add photos/videos以添加視頻
4. 選擇上傳來源(可選來源自本機硬盤)
5. 選擇視頻
6. 系統(tǒng)正在上傳視頻
、
7. 視頻上傳成功
獲取視頻地址:
1. 雙擊播放該視頻
2. 在鍵盤上按下F12;
3. 點擊網(wǎng)頁源碼左上角的鼠標圖標;
4. 任意點擊視頻播放的區(qū)域;
5. 源碼中會顯示一個src的鏈接,即是視頻的地址 (https://ugc.kizoa.app/kgra2/f339033939_9814612.mp4);
6. 復制并保存好鏈接。
特別聲明:以上文章內容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發(fā)表后的30日內與ESG跨境電商聯(lián)系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號密碼登錄
平臺顧問
微信掃一掃
馬上聯(lián)系在線顧問
小程序
ESG跨境小程序
手機入駐更便捷
返回頂部