视频想放哪就放哪!把视频塞进电视机、伪装朋友圈……

i排版编辑器

发布于:2026-11-10

摘要:

别以为视频只能默认居中大大的放在文章中。


它其实可以缩小放在画面里、嵌进产品图,和长图无缝拼在一起。


使用视频-无缝拼接(可调整大小及位置)(编号:10152)组件,在一张底图上,在保持视频尺寸比例不变的基础上,可任意调整视频的摆放大小及位置,使其与SVG长图融为一体。


看看品牌是如何应用的,小红书:


 

                


*素材来自小红书App关于死亡,我们搜集了来自4岁-90岁的答案

组件:视频-无缝拼接(可调整大小及位置)

编号:10152(组件)

把视频「塞」进电视机里,沉浸式感直接拉满。


再来看看尼康中国搭配朋友圈设计出来的感觉:


 

                


*素材来自尼康看看大家的新春朋友圈(快来领取限量红包封面!!)

组件:视频-无缝拼接(可调整大小及位置)

编号:10152(组件)

把公众号文章伪装成「朋友圈」——头像、昵称、时间、点赞评论一条龙,视频嵌在朋友圈里,读者第一反应可能是「谁发的?」,然后才意识到这是推文。


迈凯伦搭配遮罩,甚至实现了电影宽画幅的沉浸观看感:


 

                


*素材来自迈凯伦官方账号一路向南,超「粤」新境

组件:视频-无缝拼接(可调整大小及位置)

编号:10152(组件)

下面就以上方小红书的排版为例,一起看下怎么实现吧。



详细教程:


工具:i排版SVG编辑器,网址:SVG.iPaiban.com

组件:视频-无缝拼接(可调整大小及位置)

编号:10152(组件)


第1步:选择组件


登录i排版SVG编辑器后,点击编辑器左侧「组件」按钮,在「视频」分类中找分类中找到「视频-无缝拼接(可调整大小及位置)」组件,或者直接搜索组件编号10152,点击选择。


图片


第2步:上传图片素材


点击右侧「换图」按钮,上传视频的底图。尺寸没有要求。

图片

第3步:填写视频ID


视频ID需要使用 iPaiban Pro 小助手插件获取。


获取方式:在公众号后台新建文章,上传准备好的视频,然后插入文中,使用 iPaiban Pro 小助手插件点击提取视频ID。



图片


如果在使用 iPaiban Pro 小助手时遇到无法提取或导入代码的问题,更新最新版大概率能解决。


前往i排版官网(iPaiban.com),选择「旗下产品」→「i排版Pro浏览器插件」,可下载最新版 iPaiban Pro 小助手安装文件。


也可直接添加编辑器客服领取。



图片


获取后复制视频ID粘贴到编辑器中就可以了。


图片

第4步:调整视频大小和位置


在编辑区双击底图,会看到一个红色色块,拖动红色色块便是调整视频大小和位置。

图片

有一点要注意的是,虽然色块可任意变化带下,但无论如何拖动色块,视频的长宽比例(16:9)是不变的。调整时我们可通过红色色块左上角确定视频的位置,右上角确定视频的大小。


第5步:导入公众号后台


点击最右侧「预览草稿」扫码初步预览效果,效果满意后点击「同步至微信后台」就可以了。


图片


使用同步功能不用频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码预览在公众号的效果。


如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。




制作SVG交互图文认准i排版SVG编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端谷歌浏览器打开,即可注册,编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。 

图片

● SVG交互排版👇🏻

 





iPaiban 团队可提供运营服务、视频制作、创意策划、多种风格设计、SVG交互开发等服务,如需定制,请添加玉兔微信(ID:playhudong15)沟通咨询。

 


图片

图片

                            
图片