常规、正方形、长方形……各种尺寸的视频排版怎么做的?

原创 收藏 评论
举报 2024-04-16


今天咱们讲讲图文中的不同尺寸比例的视频如何实现。


在图文中播放视频的方式主要有两种:
一种是点击跳转播放视频号的视频;一种是点击播放直接在图文中插入的视频。
不同于点击跳转视频号的视频,直接在图文插入的视频,如果想要在长图中无缝拼接,常常受到视频尺寸的限制。


公众号默认支持的视频尺寸比例为16:9,这种常规比例的视频直接插入图文后四周都不会有黑边。

 1.gif

组件:视频-无缝拼接

编号:10016(组件)


但是,不少品牌为了更好的播放效果,会需要插入其他比例视频。比如香奈儿1:1的正方形视频:

 2.gif

*素材来自香奈儿CHANEL《J12腕表,诠释灵动风格》

组件:视频-正方形无缝拼接

编号:10115(组件)


这是怎么做的?
像这种非常规比例的视频,iPaiban Pro 黑科技编辑器中上线多个组件满足大家的需求。除了1:1,还有9:164:55:4等比例的长方形视频。
百达翡丽的9:16视频:

 3.gif


*素材来自百达翡丽Patek Philippe《转动时间的齿轮》

组件:视频-长方形无缝拼接点此免费领取

编号:11115(组件)


戴森的4:5视频:

 4.gif


*素材来自Dyson戴森《JISOO 的节日美发灵感请签收》

组件:视频-长方形无缝拼接(4:5)

编号:11850(组件)


Supreme的5:4视频:

 5.gif

*素材来自Supreme《Supreme/Toy Machine》

组件:视频-长方形无缝拼接(5:4)

编号:11861(组件)


另外还有一种横版视频

 6.gif


*素材来自Pt铂金《爱,是持续奏响的乐章》

组件:视频-横版无缝拼接(宽屏)

编号:10038(组件)


横版视频和9:16长方形视频看着比例一样,但其实有很多不同,比如播放按钮的样式,了解它俩的详细对比介绍可以戳:《横版视频和长方形视频到底有什么区别?》
以上几个视频效果,选择对应组件后的制作方式基本一致,下面以百达翡丽的9:16长方形视频为例,一起看下制作教程吧。


详细教程:
工具:iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com

组件:视频-长方形无缝拼接

编号:11115(组件)

第1步:选择组件
登录 iPaiban Pro 编辑器后,点击编辑器左侧「组件」按钮,在「视频」分类中找到「视频-长方形无缝拼接」组件,或者直接在搜索框中搜索组件编号11115,点击选择。


第2步:导入视频
在页面右侧,有一个「请输入data-mpvid」的输入框,我们将视频的 data-mpvid 粘贴到这里就可以导入视频到编辑器中。

获取视频 data-mpvid 的方式:在公众号后台新建图文,在图文上传插入要制作长方形效果的视频,接着在页面右上角调出 iPaiban Pro 小助手插件,点击「本地视频」按钮,即可获取视频 data-mpvid。

小助手插件详细安装和使用教程戳:《iPaiban Pro小助手安装和使用教程》
获取 id 后复制粘贴到编辑器输入框中。

第3步:导入到公众号后台
该效果不支持在编辑器中预览,且必须通过生成代码的方式导入公众号后台(不可同步导入)。
输入视频 id 后,点击最右侧「导入微信后台」生成草稿代码后,点击「复制」代码。


接着回到公众号后台图文页面,打开 iPaiban Pro 小助手插件,点击「导入功能」-「导入代码」,粘贴刚才复制的代码,点击「清空导入」即可导入。

注意:该效果比较特殊,导入后一定先点击「保存为草稿」按钮,然后再发送手机预览才可以。也就是需要保存两次。如果直接预览视频上下可能会有黑边。
如需局部导入图文可参考:《iPaiban Pro小助手安装和使用教程》



另外还有一些可以设置图片封面的视频效果,大家在编辑器搜关键词「视频 图片封面」可以看到相关组件。在使用这类组件需注意要把图片封面上引导点击播放的按钮设计在图片正中央


本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)

    作者
    品牌时光机

    品牌时光机

    上海 浦东新区

    崂山路300号普联大厦1号楼

    行业:营销咨询

    官网:http://brandtime.cn