常規、正方形、長方形……各種尺寸的視頻排版怎么做的？
今天咱們講講圖文中的不同尺寸比例的視頻如何實現。
在圖文中播放視頻的方式主要有兩種：
一種是點擊跳轉播放視頻號的視頻；一種是點擊播放直接在圖文中插入的視頻。
不同于點擊跳轉視頻號的視頻，直接在圖文插入的視頻，如果想要在長圖中無縫拼接，常常受到視頻尺寸的限制。
公眾號默認支持的視頻尺寸比例為16:9，這種常規比例的視頻直接插入圖文后四周都不會有黑邊。
組件：視頻-無縫拼接
編號：10016（組件）
但是，不少品牌為了更好的播放效果，會需要插入其他比例視頻。比如香奈兒1:1的正方形視頻：
*素材來自香奈兒CHANEL《J12腕表，詮釋靈動風格》
組件：視頻-正方形無縫拼接
編號：10115（組件）
這是怎么做的？
像這種非常規比例的視頻，iPaiban Pro 黑科技編輯器中上線多個組件滿足大家的需求。除了1:1，還有9:16、4:5、5:4等比例的長方形視頻。
百達翡麗的9:16視頻：
*素材來自百達翡麗Patek Philippe《轉動時間的齒輪》
組件：視頻-長方形無縫拼接點此免費領取
編號：11115（組件）
戴森的4:5視頻：
*素材來自Dyson戴森《JISOO 的節日美發靈感請簽收》
組件：視頻-長方形無縫拼接(4:5)
編號：11850（組件）
Supreme的5:4視頻：
*素材來自Supreme《Supreme/Toy Machine》
組件：視頻-長方形無縫拼接(5:4)
編號：11861（組件）
另外還有一種橫版視頻：
*素材來自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) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）