欧美高清一级毛片免费视,亚洲天堂一区二区三区四区,欧美片欧美日韩国产综合片,91精品久久久久含羞草

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

藍海億觀網2020年10月19日 354

目錄:1. 如何在eBay商品詳情頁嵌入視頻嵌入視頻方法一:HTML5 Video標簽嵌入視頻方法二:圖片超鏈接2. 如何使用視頻存儲空間

目錄:

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

嵌入視頻方法一:HTML5 Video標簽

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

2. 如何使用視頻存儲空間 Kizoa

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

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

eBay支持使用HTML5的VIDEO標簽來引用互聯網上的視頻資源(如MP4格式的視頻影片)直接播放,也支持使用圖片超鏈接的HTML代碼形式,將消費者引導向YouTube等視頻網站觀看相關內容。

注意

eBay已禁止使用動態內容如Javascript等代碼嵌入視頻,傳統視頻網站的視頻嵌入代碼不可直接引用,使用動態代碼可能會導致Listing下架。

01

嵌入視頻方法一:

HTML5 Video標簽

eBay商品詳情頁視頻嵌入方法介紹 

HTML5 Video 標簽

HTML5 Video標簽嵌入視頻方法介紹:

· 上傳視頻:將視頻上傳至儲存空間;

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

· 進入HTML編輯模式:選擇對應eBay listing,進入編輯模式,Item Description中選擇HTML編輯模式;

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

代碼示例:

<video controls="">

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

</video>

HTML5 Video標簽嵌入視頻步驟:

· 進入eBay listing編輯模式,在Item Description,選擇HTML模式;

· 使用HTML5 <VIDEO>標簽編寫代碼,貼入相應代碼。

HTML5 Video標簽嵌入視頻需要注意:

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

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

· 用戶需自行尋找對應存儲空間,存儲自己的MP4視頻文件,以https協議引用。

代碼編寫提示:

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

視頻存儲空間 - Kizoa

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

02

嵌入視頻方法二:

圖片超鏈接

eBay商品詳情頁視頻嵌入方法介紹

圖片超鏈接

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

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

· 進入HTML編輯模式:選擇對應eBay listing,進入編輯模式,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 -->

注意

在桌面和移動端瀏覽器中,將打開新的窗口,跳轉至YouTube網站進行播放;

Android和iOS的移動端eBay APP均不支持YouTube視頻播放。

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

· YouTube網站找到您所需要添加的視頻URL;

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

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

注意

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

需要強調的是,請避免使用Youtube或其他視頻網站提供的<iframe>嵌入視頻代碼,這種有可能將會被eBay識別為動態內容,可能會導致listing的下架。

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

如何使用視頻存儲空間 Kizoa

上傳視頻步驟:

· 進入Kizoa主頁:https://www.kizoa.app/pfh/index.php

· 注冊賬號并登錄使用

· 點擊Add photos/videos以添加視頻

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

· 選擇視頻

· 系統正在上傳視頻

· 視頻上傳成功

獲取視頻地址:

· 雙擊播放該視頻

· 在鍵盤上按下F12;

· 點擊網頁源碼左上角的鼠標圖標;

· 任意點擊視頻播放的區域;

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

· 復制并保存好鏈接。

(來源:eBay)

版權說明:藍海億觀網倡導尊重與保護知識產權,未經許可不得用于商業活動。如當前文章存在版權問題,請聯系客服申訴處理。

分享至:

藍海億觀網跨境賣家交流群!

跨境24H頭條資訊,關注跨境平臺最新政策推送行業最新動態。

全球跨境市場分析、電商政策及選品思維邏輯解讀。

知名跨境大賣財報分析,真實案例分析站內站外引流促單實操技巧!

掃碼入群,與同行共贏

留點想法

評論列表(0條)