如何在网站中嵌入抖音视频


当我们想要把抖音视频放在网站上时,可以参考下面的步骤进行操作(区块中暂不支持添加第三方视频链接)


第一步:通过电脑端或者手机端打开抖音找到我们想要展示的视频,点击分享按钮-复制链接

企业微信截图_17173830494737

企业微信截图_17173831819188企业微信截图_17173832151346


第二步:选取复制出来的链接中的网址链接(如下图中红框标记的链接),将链接复制到浏览器中打开


企业微信截图_17173837601640

企业微信截图_17171196255975


第三步:再选取打开的网址中红框标记的数字部分(如下图所示)

企业微信截图_17171196471599


第四步:将获取到的数字信息,替换下方链接中标红的数字部分,该链接即是我们所需要放在网站上的视频链接


https://open.douyin.com/player/video?vid=7357934509125389631&autoplay=0


场景一:当我们想把视频放在在产品详情或者文章详情中,点击如图所示的【插入iframe】视频按钮,地址处放入我们刚才获取的视频链接,宽度和高度可以根据页面实际需求进行设置(如图所示)


企业微信截图_17174084511493


场景二:当我们想把视频放在产品主图显示时,需要把我们刚获取的视频链接,放在对应产品编辑后台中的产品视频处(如图所示)

企业微信截图_17171474492901

企业微信截图_17171484791878


企业微信截图_17174084948723


注:当抖音视频应用在产品主图处显示时,会受到视频本身尺寸的影响,在部分风格样式中展示可能造成显示比例不对称,目前,我们正在优化中,敬请期待


场景三:通过添加视频组件将视频放在所需要展示的页面上


第一步:在需要展示视频的位置,添加【视频】组件

企业微信截图_17174674046563


第二步:鼠标移动到新加的视频组件上,点击弹出的设置选项(小扳手图标)

企业微信截图_17174677268809


第三步:将我们刚获取的视频链接,复制添加在视频来源处,如果我们有对应的视频展示封面图,也可以进行替换(可参考下图箭头指向)

企业微信截图_17174677506381



场景四:通过添加插件代码将视频放在所需要展示的页面上


第一步:在需要展示视频的位置,添加【插件代码】组件

企业微信截图_17173930605358


第二步:将我们获取到的数字信息,替换下方链接中标红的数字部分,该代码即是我们所需要放在【插件代码】组件里的链接


<iframe width="1920" height="1080" frameborder="0" src="https://open.douyin.com/player/video?vid=7374786084099722522&autoplay=0" referrerpolicy="unsafe-url" allowfullscreen></iframe>


企业微信截图_1717393143736


第三步:代码链接当中的 width="1920" height="1080" 数字代表了视频的高度和宽度,建议大家可以调整为高度1000、宽度800,当然,大家也可以根据最后的实际展示效果进行微调整


企业微信截图_17173932198894

企业微信截图_17174075183074



注:通过插件代码组件展示的视频位置默认偏左,如果需要调整位置,可以提交工单给技术调整。

如何提交工单:https://www.leadong.com/id6264176.html


找不到你的答案?
合作流程
建站流程
热搜标签
 产品与服务

立即行动,通过领动建站获取更多海外客户

留下您的联系方式,专属顾问会尽快联系您,并提供网站分析报告

表单名称
B2B外贸营销型网站建设
外贸网站精准营销
帮助中心
行业资讯

电话 :400-6130-885

邮箱 :cooperation@leadong.com

地址 :南京市江北新区丽景路7号焦点科技大厦

    

版权所有 ©️ 2024 南京焦点领动云计算技术有限公司  《中华人民共和国增值电信业务经营许可证》   备案证书号:  苏ICP备17012459号-2  
| 用户协议 |  隐私政策 |  法律声明