图片之间插入视频无缝衔接方法（2种视频插入技巧）
胖友们好啊，我是三儿。今天是西方的情人节，祝各位臭情侣们情人节快乐！因为三儿是南方人，所以就不跟着瞎掺和了吧。
说说今天的主题：在公众号文章里插入视频早就不是什么新鲜玩法，但是要想把视频和图文结合得有美感，恐怕就有点难了。
为此三儿还去扒拉了几个品牌大号的公众号，他们的视频和图文前后无缝衔接，看起来整体感强，同时还兼具美观度👇
貌似最近大家对这种视频的排版方式也很关注，三儿收到了好多这样的提问：
图片和视频怎么无缝拼接啊？
怎么给视频加上一张背景图？
我想把视频插入到图片里可以吗？
……
今天三儿就来给大家解答一下吧，跟大家介绍2种方法，实现图片+视频无缝衔接、在图片里插入视频的效果！
添加样式
在135编辑器中搜索关键词『视频』，找到背景图视频样式，点击将其添加到文章中。
替换视频
打开微信公众号后台，在后台保存一篇带有视频的文章，并复制这篇文章的链接。
在135编辑器选中样式，点击全局样式设置中的『替换视频』，打开视频提取界面。
将复制好的视频文章链接粘贴到输入栏中，点击『开始获取-立即使用』，即可替换成功。
编辑背景图
在135编辑器选中样式，点击全局样式设置中的『背景』，打开背景设置界面。
在背景设置中，你可以上传本地背景图片（大小不超过2M），自定义设置背景色，也可以使用135编辑器中提供的背景样式。
点击样式左上角或全局样式设置中的『SVG/动画』，打开编辑页，可以对样式背景图中的文字进行修改编辑。
注意：
样式编辑完成后，需要使用保存同步功能将文章保存到微信公众号，直接复制会使样式失效。
添加组件
通过135编辑器左侧入口进入svg编辑器。
在『互动效果』中找到『无缝背景视频』组件（ID：146）将其添加到编辑区域。
获取视频代码
打开微信公众号后台，在后台保存一篇带有视频的文章，并复制这篇文章的链接。
在SVG编辑器中选中『无缝背景视频』组件，点击『一键获取代码』。
将复制的文章链接粘贴到输入栏中，点击『开始获取-立即使用』，获取视频。
上传背景图
视频获取完成后，点击『添加图片』，为视频添加背景图。
你也可以在背景色设置中，为视频添加一个背景色。
设置四周边距
调整播放图边距的数值，可以对视频和背景图的上下、左右边距进行调整。
保存同步
制作好之后，可以通过同步或导出的方式，将SVG保存到微信公众号中进行发布。
好啦，这就是今天的全部内容啦。大家get这2种方法了吗？大家还有啥想学想看的，来留言区告诉三儿，三儿来帮你解答！
·END·
文章排版由135编辑器提供技术支持
■ ■ ■ ■
立即登录
