視頻也能左右滑動(dòng)觀(guān)看？“多圖+視頻左右滑動(dòng)”教程，支持長(zhǎng)圖無(wú)縫排版哦！
視頻也能左右滑動(dòng)觀(guān)看？“多圖+視頻左右滑動(dòng)”教程，支持長(zhǎng)圖無(wú)縫排版哦！
胖友們，早上好！
很久很久之前，三兒寫(xiě)了有關(guān)“圖片左右滑動(dòng)”的教程，教了胖友們?nèi)绾翁砑佣鄰垐D片滑動(dòng)。
前幾日，三兒又寫(xiě)了關(guān)于“圖片上下滑動(dòng)”的教程，教了胖友們?nèi)绾翁砑尤龔垐D片滑動(dòng)和圖片無(wú)縫的方法。
今天，再教大家一個(gè)技能
▲ 樣式ID：93076
這個(gè)就是一個(gè)默認(rèn)樣式“3圖+1視頻”的左右滑動(dòng)效果。當(dāng)然，我這里的圖片是做成長(zhǎng)圖，裁切為三張，替換在樣式里面的，所以看起來(lái)像是一張長(zhǎng)圖。
有圖片設(shè)計(jì)能力的同學(xué)，可以這么設(shè)計(jì)圖片來(lái)使用樣式，當(dāng)然，直接使用三張不同圖片加視頻也是可以的。
圖片尺寸比例建議16:9，推薦960px*540px，不然圖片與視頻之間會(huì)參差不齊。
135不支持直接上傳視頻。本樣式可以替換圖片視頻地址。視頻地址僅支持騰訊視頻地址和公眾號(hào)上傳視頻的地址。
圖片可添加多張，視頻可以添加多個(gè)，但一篇公眾號(hào)文章最多只能添加3個(gè)視頻。
點(diǎn)擊樣式中圖片，再點(diǎn)擊圖片彈窗中的“換圖”，通過(guò)本地上傳或在線(xiàn)素材庫(kù)等方式，完成第一張圖片的替換。
換好第一張圖之后，拖動(dòng)下方滑竿，點(diǎn)擊第二張圖片重復(fù)操作，替換第二張圖片和第三張圖片。
點(diǎn)擊樣式，再點(diǎn)擊樣式彈窗中“視頻”按鈕，替換視頻連接即可。注意視頻地址僅支持騰訊視頻地址和公眾號(hào)上傳視頻的地址。
如果想給樣式添加3個(gè)以上的圖，可以在HTML模式添加。復(fù)制<section style="display: inline-block;......"/></section>，并粘貼在其后，退出HTML模式就成功新添加了一張圖片，接著換圖就可以了。
此樣式默認(rèn)是一個(gè)視頻，如果你非要再添加視頻，也是可以的，但數(shù)量不能超過(guò)3個(gè)。進(jìn)入HTML模式，復(fù)制<section style="display: inline-block;......></iframe></section>，并粘貼在其后，退出HTML模式就成功新添加了一個(gè)視頻。
替換視頻連接
但是，如果我們?cè)黾恿艘曨l之后，上文講到替換視頻連接在方式就不適用了，需要再HTML里面替換。找到這段代碼......src="https://......"></iframe>，替換雙引號(hào)里面視頻地址，完成視頻連接的替換。
以上就是有關(guān)“圖片視頻左右滑動(dòng)”樣式使用、修改的教程了。趕快去樣式中心收藏這個(gè)樣式，使用一波試試?yán)病?/span>
【福利時(shí)刻-免費(fèi)領(lǐng)取7天135編輯器VIP會(huì)員】
點(diǎn)擊http://youmiaifaone.com/users/invite/ddb12a17ce400c35fe041d275a578351，注冊(cè)135編輯器，即可獲得7天VIP會(huì)員
立即登錄
- 知乎熱議：微信公眾號(hào)如何快速漲粉？
- 0基礎(chǔ)運(yùn)營(yíng)小白學(xué)習(xí)什么新媒體課程比較好？
- 新媒體，自媒體新人必學(xué)的課程有哪些？
- 不懂就問(wèn)：新媒體運(yùn)營(yíng)應(yīng)該怎樣學(xué)習(xí)？
