公众号里的这个竖版视频是怎样添加的的？

青竹暖回阳 · 发表于 2023-3-13 12:28:16

尔减了以后城市主动被➕了乌边。
公家号里的那个横版望频是如何增加的的？-1.jpg

https://www.zhihu.com/video/1229106404311027712

2p9KVB · 发表于 2023-3-13 12:29:07

这个排版问题很好解决，通过编辑器 e2.cool 的旋转视频即可生成。而从技术层面，是通过 CSS 的 transform，赋予 rotate(90deg) 的方式先旋转，然后再通过 scale 参数实现。
登录 e2.cool 黑科技编辑器，在「视频」大类个选择「旋转视频」：

公众号里的这个竖版视频是怎样添加的的？

黑科技编辑器 | 旋转视频教程至于这篇文章的其他部分与之无缝衔接，则可以选择「常规」大类的「无缝图」：

公众号里的这个竖版视频是怎样添加的的？

任何公众号运营中的疑难杂症，都欢迎邀请我们回答哦。
这里是 E2 编辑器（e2.cool），会的比别人多一点。

公众号里的这个竖版视频是怎样添加的的？

4mgOmK · 发表于 2023-3-13 12:29:30

题主所说的这个案例，其实应该说是“公众号里如何添加横版视频”。竖版就是我们在手机上正常的阅读方向，横版则需要把手机横过来。
一般微信公众号默认的视频是竖版的，但是有的长图文会做成横屏，里面插入的无缝视频横屏观看效果也会更好。

公众号里的这个竖版视频是怎样添加的的？

如果直接在微信公众平台插入视频，是没办法选择插入的视频是竖版还是横版的，那这个时候就会有小伙伴问了，“触及我知识盲区了，是不是需要代码才能完成啊？”
其实，只需要借助 iPaiban Pro 黑科技编辑器(x.iPaiban.com)，不用代码就能轻松搞定！

第1步，选择组件
在PC 端 Chrome（谷歌浏览器）打开iPaiban Pro 黑科技编辑器并注册，点击编辑器左侧的“组件-视频”，选择“视频-横版无缝拼接（宽屏）”，或者直接在搜索框中搜索组件编号10038。

公众号里的这个竖版视频是怎样添加的的？

第2步，上传视频
选择好组件之后，点击编辑区域，会跳出要求输入vid，这也就是视频代码。

公众号里的这个竖版视频是怎样添加的的？

什么？不是说好的不用代码就可以做吗？
别慌！说好不用代码就是不用代码。

公众号里的这个竖版视频是怎样添加的的？

第3步，获取视频代码
这是最重要的一步了，不用代码就可以实现横版视频。为了把视频导入到编辑器，我们需要获取视频的vid，并把它粘贴到右侧输入框中。
安装一个 iPaiban Pro 小助手浏览器插件，在公众号后台一键即可获取，安装和使用教程见：《iPaiban Pro 浏览器插件来了！》。
安装好插件后，我们在公众号后台新建一个图文，然后插入自己的视频，接着在浏览器右上角打开插件，点击「提取视频」便可以获取该视频的vid。

公众号里的这个竖版视频是怎样添加的的？

最后复制粘贴vid到编辑器指定位置就可以了。
如果你是使用的腾讯视频，那就更简单了，我们换个「腾讯视频-横版无缝拼接（宽屏）」组件，或者搜索10176，然后在右侧输入框中输入腾讯视频的链接就完了。

公众号里的这个竖版视频是怎样添加的的？

第4步，导入公众号后台
插入好视频之后，多在手机上预览几次就可以导入微信公众号了。这个时候又要轮到我们的万能小插件上场了，点击“导入微信公众号-复制代码”，再回到微信公众号后台，点击“导入代码”就可以了。

公众号里的这个竖版视频是怎样添加的的？

当然，这里只是简单地演示一下如何在微信公众号插入横版视频，希望能帮到题主。iPaiban Pro 黑科技编辑器(x.iPaiban.com)是第一款专注于公众号SVG 交互排版的图文编辑器，目前已包括点击切换图片、隐藏音频、视频封面、多层滑动、轨迹移动和图文展开等200个效果模板。
最黑科技的就是不用代码，就像插入横版视频一样，简单几步就能解决问题。
现在，新用户登录 iPaiban Pro 编辑器，在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。
只需要在 PC 端 Chrome（谷歌）浏览器打开网址：x.iPaiban.com，即可开始注册并使用。
如果你想了解更多排版和运营知识，可以关注公众号【i排版】，好玩的还有很多。