公眾號里的圖文消息如果插入騰訊視頻，是必須在正文中加入文字的。而有些公眾號發(fā)布的圖文消息，正文只有視頻，上面有一行文字，點(diǎn)擊播放就沒有了，參考下圖，那么這種效果如何實(shí)現(xiàn)呢？本文給出了相關(guān)原理和具體的實(shí)現(xiàn)步驟。

富文本編輯器

我們知道微信的編輯器是一個(gè)富文本編輯器，遵循所見即所得的原則，What You See Is What You Get，簡稱WYSIWYG。

當(dāng)然這是一個(gè)比較輕量的富文本編輯器，基本能滿足微信平臺的使用，諸如知乎、簡書這樣的平臺編輯器更加輕量，當(dāng)然它們不一定是富文本，也可能是markdown編輯器。類似UEditor?這樣的富文本編輯器功能更加完善，比較適合在后臺用來編輯文章。

135編輯器

微信自己的編輯器很難實(shí)現(xiàn)精美的邊框和布局，好在現(xiàn)在第三方編輯器非常多，我用的比較多是135編輯器，功能比較全，模板也很多。

使用編輯器自帶的『源代碼』按鈕我們可以看到，精美的圖文布局本質(zhì)上其實(shí)就是文字+樣式，也就是我們經(jīng)常能聽到html+css。具體的語法我們不需要掌握，知道這個(gè)基礎(chǔ)概念就可以了。

隨便找一個(gè)有這種視頻的圖文消息鏈接，在PC上打開。crtl+u或者右鍵查看源代碼，查找視頻上的文本，可以清楚地看到這個(gè)內(nèi)容是通過html和css實(shí)現(xiàn)的。

微小寶

既然已經(jīng)知道這種效果的添加原理，那么我們在較為高級的富文本編輯器中獲得這段代碼就可以了。可惜135編輯器導(dǎo)入文章的功能是需要付費(fèi)使用的，只能另想它法了。

微小寶是一個(gè)免費(fèi)的公眾號運(yùn)營助手，這里就可以派上用途了。在查找并關(guān)注公眾號后，我們可以選擇歷史圖文新建圖文消息，然后編輯圖文就可以看到帶有視頻圖文信息的源代碼。

這段代碼要修改的只有一個(gè)地方，也就是騰訊視頻的id。我隨機(jī)在騰信視頻上找了幾個(gè)視頻，url的組成不同，但是url中最后10位的字符串才是我們真正需要的，在編輯中替換即可，預(yù)覽時(shí)也可以看到騰訊視頻的內(nèi)容。

（1）在微小寶中編輯代碼，然后進(jìn)入普通模式把這段視頻樣式復(fù)制到公眾號中，或者利用平臺自帶的同步功能一鍵同步到公眾號中去。

（2）在135編輯器編輯代碼，然后進(jìn)入普通模式把這段視頻樣式復(fù)制到公眾號中。畢竟135編輯器的編輯功能相對前者要相對強(qiáng)大一點(diǎn)。

兩種方法隨便選擇一個(gè)，上面的這個(gè)步驟是最為重要的一步，建議在谷歌瀏覽器下操作完成，其他瀏覽器可能會(huì)出現(xiàn)不兼容的現(xiàn)象，效果不是很好。

針對這段代碼可以復(fù)制在筆記中保存，方便下次使用。

總結(jié)方法如下

在135等富文本編輯器中直接粘貼復(fù)制保存過的代碼，替換騰訊視頻的id，然后復(fù)制內(nèi)容到微信公眾號中，預(yù)覽，發(fā)送即可。

下面放一個(gè)這樣的視頻效果吧，『四美不開心』，讓你笑一下。

以后也會(huì)不定期更新一些這樣的使用技巧和經(jīng)驗(yàn)的，歡迎交流哦。