易贝一直致力于为买家和卖家提供更好的销售平台。为了更方便卖家介绍产品,买家知道自己需要什么,我们将介绍两种在产品详情页嵌入视频的方法,更好地满足买卖双方的需求。除了文
易贝一直致力于为买家和卖家提供更好的销售平台。为了更方便卖家介绍产品,买家知道自己需要什么,我们将介绍两种在产品详情页嵌入视频的方法,更好地满足买卖双方的需求。除了文字介绍,我们还精心准备了各部分的视频描述。请点击了解!
易贝产品详情页面支持的视频格式
EBay支持使用HTML5的视频标签引用互联网上的视频资源(如MP4格式的视频电影)进行直接播放,还支持使用图片超链接HTML代码引导消费者到YouTube等视频网站观看相关内容。
注意,易贝已经禁止使用动态内容,如Javascript来嵌入视频。传统视频网站的视频嵌入码不能直接引用,使用动态码可能导致下架。
01。嵌入式视频方法1:
上传视频:上传视频到储藏室空;
编辑代码:编辑下面代码中的红色部分,将[URL]替换为要嵌入的视频URL,将[视频格式]替换为对应的视频格式;
进入HTML编辑模式:选择相应的易贝列表,进入编辑模式,在项目描述中选择HTML编辑模式;
嵌入代码:将编辑好的代码嵌入到产品详情页的适当位置。
代码示例:
& lt视频控件= ””& gt
& ltsource src = & # 8221https:[URL]”type = & # 8221视频/[视频格式]“& gt
& lt/video >
HTML5视频标签嵌入视频步骤:
进入易贝列表编辑模式,在项目描述中选择HTML模式;
使用HTML5
HTML5视频标签嵌入视频需要注意:
HTML5原生<>视频
;
用户使用的浏览器决定了对应的视频格式是否可以播放;
用户需要自己找到对应的储藏室空,存放自己的MP4视频文件,可以通过
https
协议引用。
代码编写技巧:
html 5格式的代码嵌入后,商品详情页可以直接播放视频,如下:
视频存储空房间–Kizoa
用户可以上传视频到Kizoa进行存储,
用户可以在
https://www.kizoa.app/pfh/index.php
上传视频并嵌入HTML5。
详细步骤请参考文末-[
02。嵌入式视频方法2:
视频中嵌入图片超链接的方法介绍:
编辑代码:编辑下面代码中的红色部分,
[标题]
写出相应的视频标题(或者删除),并
[YouTube视频ID]
替换为要嵌入的YouTube视频ID,(或者替换整个URL);
进入HTML编辑模式:选择相应的易贝列表,进入编辑模式,在项目描述中选择HTML编辑模式;
嵌入代码:将编辑好的代码嵌入到产品详情页的适当位置。
代码示例:
& lt!–开始链接视频→
& ltp & gt
[TITLE]
</p >
& ltdiv class = & # 8221ytvideo & # 8221& gt
& lt一个目标= ”_ blank & # 8221href = & # 8221https://www . Youtube . com/embed/
[Youtube视频ID]
?rel = 0 & # 8243& gt
<img src=”https://img.youtube.com/vi/
[Youtube Video ID]
/0.jpg”>& ltimg src = & # 8221https://img . Youtube . com/VI/
[Youtube视频ID]
/0 . jpg ”& gt
& lt/a >
& ltp class = & # 8221yt _ ft & # 8221& gt视频将在新窗口中打开& lt/p >
& lt/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:”A025BA”; 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>& ltstyle & gt。ytvideo * { box-sizing:border-box;} .yt video { max-width:480 px;字体系列:arial文本对齐:居中;位置:相对;最小高度:120px背景色:# 555;} .ytvideo p { position:绝对;边距:0;颜色:白色;背景色:rgba(0,0,0,.. 5);} .ytvideo。yt _ HD { font-size:16px;宽度:100%;高度:28px行高:28px文本对齐:左对齐;top:0;左:0;左填充:10px溢出:隐藏;} .ytvideo。yt _ ft { font-size:12px;宽度:100%;底部:0;左:0;} .ytvideo img { display:block;最大宽度:100%;边框:0;} .ytvideo a:之后{ content:”A025BA ”位置:绝对;宽度:60px高度:50px左:0;top:0;右:0;底部:0;边距:自动;边框:0;边框半径:10px颜色:白色;背景:rgba(0,0,0,.. 6);字体大小:24px行高:50px光标:指针;} .yt video a:hover:after { background:# cc 181 e;} .ytvideo。yt_inp { position:绝对;top:100%;左:0;宽度:100%;文本对齐:居中;填充:. 5em .2emx font-size:18px;边框:0;颜色:白色;背景:rgba(0,0,0,.. 7);} @media(最大设备宽度:960px){。yt video { margin-bottom:60px;} .ytvideo。yt _ InP { padding:1em . 2em;} } & lt/style >
& lt!–结束链接视频–& gt
注意
在桌面和手机浏览器中,会打开一个新窗口,会跳转到YouTube网站进行播放;
Android和iOS的移动易贝应用不支持YouTube视频播放。
视频中嵌入的图片超链接示例步骤:
YouTube网站找到
视频网址;你需要补充;
将URL填入样本代码,并将代码复制到
易贝项目描述:
代码嵌入后,在易贝产品详情页点击视频,会打开一个新窗口,会跳转到YouTube播放,如下:
注意、避免使用嵌入式视频代码。
注意避免使用嵌入式视频编码。
需要强调的是,您应该避免使用<>嵌入视频代码,可能会被易贝识别为动态内容,可能会导致删除列表。
除了YouTube,其他平台也可以支持同样的嵌入视频的功能,如下:
如何使用视频存储空 Kizoa
上传视频的步骤:
进入Kizoa主页:
https://www.kizoa.app/pfh/index.php.
注册您的帐户并登录。
点击
添加照片/视频
添加视频。
...
选择上传源(可选本地硬盘源)
选择一个视频
系统正在上传视频。
视频上传成功。
获取视频地址:
双击播放视频。
按键盘上的
F12;
点击网页源代码左上角的
的鼠标图标
;
...
随意点击
视频播放区;
源代码中会显示一个
src
的链接,是视频的地址(
https://ugc.kizoa.app/kgra2/f339033939 _ 9814612 . MPP
[/S2/]复制并保存链接。