微信小程序 wxParse插件顯示視頻問題
修改wxParse/html2json.js 文件 ,在 html2json(html, bindName)
方法里
var node = { node: 'element', tag: tag, };
這里使用 node.tag 能夠獲取標(biāo)簽類型,比如: img、embed、video
這里我的系統(tǒng)后臺(tái)編輯器使用的是ckeditor 上傳視頻。生成的便簽是:embed
所以加上判斷:
if (node.tag =="embed"){ var embUrl = node.attr.src; if (node.attr.src.indexOf('http:')==-1){ embUrl = "http://xxxx.com" + node.attr.src; } node.attr.src = embUrl; node.tag='video'; }
插件里只判斷了video標(biāo)簽,識(shí)別不出來embed 標(biāo)簽,所有視頻無法顯示,加上判斷,這樣就可以了。
知識(shí)點(diǎn)擴(kuò)展:微信小程序插件wxParse的使用
由于微信小程序不支持后臺(tái)富文本編輯器編輯的html,需要使用wxParse 這個(gè)插件來解析,下面介紹一下這個(gè)插件的使用方法。
1.下載插件
在GigHub上面找到插件Demo,地址為 https://github.com/icindy/wxParse,把Demo里面的wxParse目錄拷貝到項(xiàng)目里面.
2.在當(dāng)前頁面的JS里引入wxParse.js
var WxParse = require('../../wxParse/wxParse.js'); Page({ data: {}, onLoad: function() { var that = this; // 映射表情包 WxParse.emojisInit('[]', "/wxParse/emojis/", { "00": "00.gif", "01": "01.gif", "02": "02.gif", "03": "03.gif", "04": "04.gif", "05": "05.gif", "06": "06.gif", "07": "07.gif", "08": "08.gif", "09": "09.gif", "09": "09.gif", "10": "10.gif", "11": "11.gif", "12": "12.gif", "13": "13.gif", "14": "14.gif", "15": "15.gif", "16": "16.gif", "17": "17.gif", "18": "18.gif", "19": "19.gif", }); var article = `<div>從后端獲取的HTML格式文件</div>`; WxParse.wxParse('article', 'html', article, that, 5); // WxParse.wxParse(bindName, type, data, target, imagePadding); // bindName綁定的數(shù)據(jù)名(必填) // type可以為html或者md(必填) // data為傳入的具體數(shù)據(jù)(必填) // target為Page對(duì)象, 一般為this(必填) // imagePadding為當(dāng)圖片自適應(yīng)是左右的單一padding(默認(rèn)為0, 可選) } })
3.在全局app.wxss引入wxParse.wxss
@import "wxParse/wxParse.wxss";
4.在當(dāng)前頁面wxml中引入wxParse.wxml
<import src="../../wxParse/wxParse.wxml"/> <view class="wxParse"> <!-- 這里data中article為bindName --> <template is="wxParse" data="{{wxParseData:article.nodes}}"/> </view>
總結(jié)
以上所述是小編給大家介紹的微信小程序 wxParse插件顯示視頻問題,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
JavaScript的模塊化:封裝(閉包),繼承(原型) 介紹
在復(fù)雜的邏輯下, JavaScript 需要被模塊化,模塊需要封裝起來,只留下供外界調(diào)用的接口。閉包是 JavaScript 中實(shí)現(xiàn)模塊封裝的關(guān)鍵,也是很多初學(xué)者難以理解的要點(diǎn)2013-07-07javascript獲取不重復(fù)的隨機(jī)數(shù)的方法比較
js永不重復(fù)隨機(jī)數(shù)實(shí)現(xiàn)代碼比較2008-09-09Javascript實(shí)現(xiàn)頁面跳轉(zhuǎn)的幾種方式分享
這篇文章介紹了Javascript實(shí)現(xiàn)頁面跳轉(zhuǎn)的幾種方式,有需要的朋友可以參考一下2013-10-10bootstrap中添加額外的圖標(biāo)實(shí)例代碼
可以針對(duì)校驗(yàn)狀態(tài)為輸入框添加額外的圖標(biāo)。接下來通過本文給大家分享bootstrap中添加額外的圖標(biāo)實(shí)例代碼,需要的的朋友參考下吧2017-02-02JavaScript 跨域之POST實(shí)現(xiàn)方法
本篇文章主要介紹了JavaScript 跨域之POST實(shí)現(xiàn)方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05