公眾號里的圖文消息如果插入騰訊視頻，是必須在正文中加入文字的锥腻。而有些公眾號發(fā)布的圖文消息嗦董，正文只有視頻，上面有一行文字瘦黑，點(diǎn)擊播放就沒有了京革，參考下圖奇唤，那么這種效果如何實(shí)現(xiàn)呢？本文給出了相關(guān)原理和具體的實(shí)現(xiàn)步驟匹摇。
富文本編輯器
我們知道微信的編輯器是一個富文本編輯器咬扇，遵循所見即所得的原則，What You See Is What You Get廊勃，簡稱WYSIWYG懈贺。
當(dāng)然這是一個比較輕量的富文本編輯器，基本能滿足微信平臺的使用坡垫，諸如知乎梭灿、簡書這樣的平臺編輯器更加輕量，當(dāng)然它們不一定是富文本冰悠，也可能是markdown編輯器堡妒。類似UEditor?這樣的富文本編輯器功能更加完善，比較適合在后臺用來編輯文章屿脐。
135編輯器
微信自己的編輯器很難實(shí)現(xiàn)精美的邊框和布局涕蚤，好在現(xiàn)在第三方編輯器非常多宪卿，我用的比較多是135編輯器的诵，功能比較全，模板也很多佑钾。
使用編輯器自帶的『源代碼』按鈕我們可以看到西疤，精美的圖文布局本質(zhì)上其實(shí)就是文字+樣式，也就是我們經(jīng)常能聽到html+css休溶。具體的語法我們不需要掌握代赁，知道這個基礎(chǔ)概念就可以了。
隨便找一個有這種視頻的圖文消息鏈接兽掰，在PC上打開芭碍。crtl+u或者右鍵查看源代碼，查找視頻上的文本孽尽，可以清楚地看到這個內(nèi)容是通過html和css實(shí)現(xiàn)的窖壕。
微小寶
既然已經(jīng)知道這種效果的添加原理，那么我們在較為高級的富文本編輯器中獲得這段代碼就可以了杉女≌胺恚可惜135編輯器導(dǎo)入文章的功能是需要付費(fèi)使用的，只能另想它法了熏挎。
微小寶是一個免費(fèi)的公眾號運(yùn)營助手速勇，這里就可以派上用途了。在查找并關(guān)注公眾號后坎拐，我們可以選擇歷史圖文新建圖文消息烦磁，然后編輯圖文就可以看到帶有視頻圖文信息的源代碼丹擎。
這段代碼要修改的只有一個地方杀狡，也就是騰訊視頻的id。我隨機(jī)在騰信視頻上找了幾個視頻，url的組成不同胸嘁，但是url中最后10位的字符串才是我們真正需要的，在編輯中替換即可诞丽，預(yù)覽時也可以看到騰訊視頻的內(nèi)容鹉勒。
（1）在微小寶中編輯代碼，然后進(jìn)入普通模式把這段視頻樣式復(fù)制到公眾號中珍逸，或者利用平臺自帶的同步功能一鍵同步到公眾號中去逐虚。
（2）在135編輯器編輯代碼，然后進(jìn)入普通模式把這段視頻樣式復(fù)制到公眾號中谆膳。畢竟135編輯器的編輯功能相對前者要相對強(qiáng)大一點(diǎn)叭爱。
兩種方法隨便選擇一個，上面的這個步驟是最為重要的一步漱病，建議在谷歌瀏覽器下操作完成买雾，其他瀏覽器可能會出現(xiàn)不兼容的現(xiàn)象，效果不是很好杨帽。
針對這段代碼可以復(fù)制在筆記中保存漓穿，方便下次使用。
總結(jié)方法如下
在135等富文本編輯器中直接粘貼復(fù)制保存過的代碼注盈，替換騰訊視頻的id晃危，然后復(fù)制內(nèi)容到微信公眾號中，預(yù)覽老客，發(fā)送即可僚饭。
下面放一個這樣的視頻效果吧，『四美不開心』胧砰，讓你笑一下鳍鸵。
以后也會不定期更新一些這樣的使用技巧和經(jīng)驗(yàn)的，歡迎交流哦尉间。
