已收藏,可在 我的資料庫 中查看
關(guān)注作者
您可能還需要

手把手教你eBay商品詳情頁嵌入視頻

eBay一直致力于為買賣雙方提供更好的售賣平臺(tái),為了便于賣家介紹商品以及買家了解所需,我們將為大家介紹兩種在商品詳情頁嵌入視頻的方法,以便更好的滿足買賣雙方的需求。

手把手教你eBay商品詳情頁嵌入視頻

目錄:

1. 如何在eBay商品詳情頁嵌入視頻

嵌入視頻方法一:HTML5 Video標(biāo)簽

嵌入視頻方法二:圖片超鏈接

2. 如何使用視頻存儲(chǔ)空間 Kizoa


eBay一直致力于為買賣雙方提供更好的售賣平臺(tái),為了便于賣家介紹商品以及買家了解所需,我們將為大家介紹兩種在商品詳情頁嵌入視頻的方法,以便更好的滿足買賣雙方的需求。除了文字介紹,我們也在每部分精心準(zhǔn)備了視頻說明,歡迎點(diǎn)擊了解哦!

eBay商品詳情頁支持的視頻格式


eBay支持使用HTML5VIDEO標(biāo)簽來引用互聯(lián)網(wǎng)上的視頻資源(如MP4格式的視頻影片)直接播放,也支持使用圖片超鏈接HTML代碼形式,將消費(fèi)者引導(dǎo)向YouTube等視頻網(wǎng)站觀看相關(guān)內(nèi)容。


手把手教你eBay商品詳情頁嵌入視頻


注意

eBay已禁止使用動(dòng)態(tài)內(nèi)容如Javascript等代碼嵌入視頻,傳統(tǒng)視頻網(wǎng)站的視頻嵌入代碼不可直接引用,使用動(dòng)態(tài)代碼可能會(huì)導(dǎo)致Listing下架。


01

嵌入視頻方法一:

HTML5 Video標(biāo)簽


HTML5 Video標(biāo)簽嵌入視頻方法介紹:


· 上傳視頻:將視頻上傳至儲(chǔ)存空間;

· 編輯代碼:編輯如下代碼紅色部分,[URL]替換成需要嵌入的視頻URL,[VIDEO FORMAT]替換成相應(yīng)視頻格式;

· 進(jìn)入HTML編輯模式:選擇對(duì)應(yīng)eBay listing,進(jìn)入編輯模式,Item Description中選擇HTML編輯模式;

· 嵌入代碼:將編輯好的代碼嵌入商品詳情頁合適的位置。

代碼示例:

<video controls="">

<source src="https:[URL]" type="video/[VIDEO FORMAT]">

</video>


HTML5 Video標(biāo)簽嵌入視頻步驟:


· 進(jìn)入eBay listing編輯模式,在Item Description,選擇HTML模式;

手把手教你eBay商品詳情頁嵌入視頻

· 使用HTML5 <VIDEO>標(biāo)簽編寫代碼,貼入相應(yīng)代碼。


HTML5 Video標(biāo)簽嵌入視頻需要注意:


· HTML 5原生 <Video> 標(biāo)簽可支持MP4, webM, OGG等多種格式的視頻播放;

· 用戶使用的瀏覽器決定了相應(yīng)視頻格式是否可以播放;

· 用戶需自行尋找對(duì)應(yīng)存儲(chǔ)空間,存儲(chǔ)自己的MP4視頻文件,以https協(xié)議引用。

手把手教你eBay商品詳情頁嵌入視頻


代碼編寫提示:

手把手教你eBay商品詳情頁嵌入視頻

HTML5格式的代碼嵌入后,商品詳情頁可直接播放視頻,如下:

手把手教你eBay商品詳情頁嵌入視頻


視頻存儲(chǔ)空間 - Kizoa


用戶可以上傳視頻至Kizoa上存儲(chǔ),用戶能在https://www.kizoa.app/pfh/index.php上傳視頻并以HTML5的方式進(jìn)行視頻嵌入,詳細(xì)步驟請(qǐng)參考文末——如何使用視頻存儲(chǔ)空間 Kizoa


02

嵌入視頻方法二:

圖片超鏈接


圖片超鏈接嵌入視頻方法介紹:


· 編輯代碼:編輯如下代碼紅色部分,[TITLE]寫入相應(yīng)視頻標(biāo)題(或刪除),[YouTube Video ID]替換成需要嵌入的YouTube video ID,(或替換整段URL);

· 進(jìn)入HTML編輯模式:選擇對(duì)應(yīng)eBay listing,進(jìn)入編輯模式,Item Description中選擇HTML編輯模式;

· 嵌入代碼:將編輯好的代碼嵌入商品詳情頁合適的位置。

代碼示例:

<!-- BEGIN LINKED VIDEO →

<p>[TITLE]</p>

<div class="ytvideo">

<a target="_blank" href="https://www.youtube.com/embed/[Youtube Video ID]?rel=0">

<img src="https://img.youtube.com/vi/[Youtube Video ID]/0.jpg">

</a>

<p class="yt_ft">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 -->


注意

在桌面和移動(dòng)端瀏覽器中,將打開新的窗口,跳轉(zhuǎn)至YouTube網(wǎng)站進(jìn)行播放;

Android和iOS的移動(dòng)端eBay APP均不支持YouTube視頻播放。


圖片超鏈接嵌入視頻示例步驟:


· YouTube網(wǎng)站找到您所需要添加的視頻URL;

· 將該URL填如示例代碼中,將代碼復(fù)制入eBay Item Description:


手把手教你eBay商品詳情頁嵌入視頻


代碼嵌入后,點(diǎn)擊eBay商品詳情頁的視頻,新的窗口將被打開,并跳轉(zhuǎn)至YouTube進(jìn)行播放,如下:


手把手教你eBay商品詳情頁嵌入視頻
手把手教你eBay商品詳情頁嵌入視頻


注意

避免使用嵌入式視頻代碼。

需要強(qiáng)調(diào)的是,請(qǐng)避免使用Youtube或其他視頻網(wǎng)站提供的<iframe>嵌入視頻代碼,這種有可能將會(huì)被eBay識(shí)別為動(dòng)態(tài)內(nèi)容,可能會(huì)導(dǎo)致listing的下架。


手把手教你eBay商品詳情頁嵌入視頻


除了YouTube,其他平臺(tái)也能支持相同嵌入視頻的功能,如下:

手把手教你eBay商品詳情頁嵌入視頻


如何使用視頻存儲(chǔ)空間 Kizoa


上傳視頻步驟:


· 進(jìn)入Kizoa主頁: https://www.kizoa.app/pfh/index.php

手把手教你eBay商品詳情頁嵌入視頻


· 注冊(cè)賬號(hào)并登錄使用

手把手教你eBay商品詳情頁嵌入視頻


· 點(diǎn)擊Add photos/videos以添加視頻

手把手教你eBay商品詳情頁嵌入視頻


· 選擇上傳來源(可選來源自本機(jī)硬盤)

手把手教你eBay商品詳情頁嵌入視頻


· 選擇視頻

手把手教你eBay商品詳情頁嵌入視頻


· 系統(tǒng)正在上傳視頻

手把手教你eBay商品詳情頁嵌入視頻


· 視頻上傳成功

手把手教你eBay商品詳情頁嵌入視頻


獲取視頻地址:


· 雙擊播放該視頻

手把手教你eBay商品詳情頁嵌入視頻

· 在鍵盤上按下F12;

· 點(diǎn)擊網(wǎng)頁源碼左上角的鼠標(biāo)圖標(biāo);

· 任意點(diǎn)擊視頻播放的區(qū)域;

· 源碼中會(huì)顯示一個(gè)src的鏈接,即是視頻的地址 (https://ugc.kizoa.app/kgra2/f339033939_9814612.mp4);

· 復(fù)制并保存好鏈接。

手把手教你eBay商品詳情頁嵌入視頻

(來源:eBay)

以上內(nèi)容屬作者個(gè)人觀點(diǎn),不代表雨果網(wǎng)立場(chǎng)!本文經(jīng)原作者授權(quán)轉(zhuǎn)載,轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。


(來源:eBay BD)

分享到:

--
評(píng)論
最新 熱門 資訊 資料 專題 服務(wù) 果園 標(biāo)簽 百科 搜索

收藏

--

--

分享
eBay BD
分享不易,關(guān)注獲取更多干貨