视频嵌入代码怎么找 本地视频的嵌入代码

易贝一直致力于为买家和卖家提供更好的销售平台。为了更方便卖家介绍产品,买家知道自己需要什么,我们将介绍两种在产品详情页嵌入视频的方法,更好地满足买卖双方的需求。除了文

本文最后更新时间:  2023-03-22 18:20:03

易贝一直致力于为买家和卖家提供更好的销售平台。为了更方便卖家介绍产品,买家知道自己需要什么,我们将介绍两种在产品详情页嵌入视频的方法,更好地满足买卖双方的需求。除了文字介绍,我们还精心准备了各部分的视频描述。请点击了解!

易贝产品详情页面支持的视频格式

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/]复制并保存链接。

温馨提示:内容均由网友自行发布提供,仅用于学习交流,如有版权问题,请联系我们。