图片之间插入视频无缝衔接方法(2种视频插入技巧)

胖友们好啊,我是三儿。今天是西方的情人节,祝各位臭情侣们情人节快乐!因为三儿是南方人,所以就不跟着瞎掺和了吧。



说说今天的主题:在公众号文章里插入视频早就不是什么新鲜玩法,但是要想把视频和图文结合得有美感,恐怕就有点难了。


为此三儿还去扒拉了几个品牌大号的公众号,他们的视频和图文前后无缝衔接,看起来整体感强,同时还兼具美观度👇



貌似最近大家对这种视频的排版方式也很关注,三儿收到了好多这样的提问:


图片和视频怎么无缝拼接啊?

怎么给视频加上一张背景图?

我想把视频插入到图片里可以吗?

……


今天三儿就来给大家解答一下吧,跟大家介绍2种方法,实现图片+视频无缝衔接、在图片里插入视频的效果!


① 视频背景样式


1

添加样式

在135编辑器中搜索关键词『视频』,找到背景图视频样式,点击将其添加到文章中。



2

替换视频

打开微信公众号后台,在后台保存一篇带有视频的文章,并复制这篇文章的链接。



在135编辑器选中样式,点击全局样式设置中的『替换视频』,打开视频提取界面。



将复制好的视频文章链接粘贴到输入栏中,点击『开始获取-立即使用』,即可替换成功。





4

编辑背景图

在135编辑器选中样式,点击全局样式设置中的『背景』,打开背景设置界面。



在背景设置中,你可以上传本地背景图片(大小不超过2M),自定义设置背景色,也可以使用135编辑器中提供的背景样式。



点击样式左上角或全局样式设置中的『SVG/动画』,打开编辑页,可以对样式背景图中的文字进行修改编辑。




注意:

样式编辑完成后,需要使用保存同步功能将文章保存到微信公众号,直接复制会使样式失效。


1

添加组件

通过135编辑器左侧入口进入svg编辑器。

在『互动效果』中找到『无缝背景视频』组件(ID:146)将其添加到编辑区域。



2

获取视频代码


打开微信公众号后台,在后台保存一篇带有视频的文章,并复制这篇文章的链接。



在SVG编辑器中选中『无缝背景视频』组件,点击『一键获取代码』。



将复制的文章链接粘贴到输入栏中,点击『开始获取-立即使用』,获取视频。



3

上传背景图


视频获取完成后,点击『添加图片』,为视频添加背景图。



你也可以在背景色设置中,为视频添加一个背景色。



4

设置四周边距


调整播放图边距的数值,可以对视频和背景图的上下、左右边距进行调整。



5

保存同步


制作好之后,可以通过同步或导出的方式,将SVG保存到微信公众号中进行发布。



好啦,这就是今天的全部内容啦。大家get这2种方法了吗?大家还有啥想学想看的,来留言区告诉三儿,三儿来帮你解答!


·EN

文章排版由135编辑器提供技术支持

 ■ ■ 

文章评价
登录后可以评论
立即登录
小三儿135主笔
一个酷爱钻研排版的小编!
共221篇文章
最近文章
更多
  • 135编辑器x工信部工业文化发展中心:自媒体时代 以赛促学 搭建未来行业新风向
  • 比格设计x工信部工业文化发展中心:探索融媒体创新知识,挖掘新时代新兴人才
  • 135编辑器x天猫校园CLUB:校园排版大赛成功为600余高校学子赋能
  • 这套护士排版样式,我要安利给所有温柔的人
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
广告变现近「2000万」却志不在此! 剧情号“遇见她”目标直播带货
通过内容运营的三个阶段,让你掌握内容运营的核心
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一文详解:渠道投放工作需要的五种思维
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
用户分群模型,这么建才有用
热门素材样式
运营导航
运营工具
分享到