微信小程序wxParse插件如何解决视频显示不正常的问题?
- 内容介绍
- 文章标签
- 相关推荐
本文共计648个文字,预计阅读时间需要3分钟。
修改wxParse/2json.js文件,在2json(, bindName)方法中,将var node={node: 'element', tag: tag, };这一行改为使用node.tag来获取标签类型,例如:img、embed、video。这样,我的系统后台编辑器使用的标签类型就可以正确获取了。
修改wxParse/html2json.js 文件 ,在 html2json(html, bindName) 方法里
var node = { node: 'element', tag: tag, };
这里使用 node.tag 能够获取标签类型,比如: img、embed、video
这里我的系统后台编辑器使用的是ckeditor 上传视频。生成的便签是:embed
所以加上判断:
if (node.tag =="embed"){ var embUrl = node.attr.src; if (node.attr.src.indexOf('xxxx.com" + node.attr.src; } node.attr.src = embUrl; node.tag='video'; }
插件里只判断了video标签,识别不出来embed 标签,所有视频无法显示,加上判断,这样就可以了。
知识点扩展:微信小程序插件wxParse的使用
由于微信小程序不支持后台富文本编辑器编辑的html,需要使用wxParse 这个插件来解析,下面介绍一下这个插件的使用方法。
本文共计648个文字,预计阅读时间需要3分钟。
修改wxParse/2json.js文件,在2json(, bindName)方法中,将var node={node: 'element', tag: tag, };这一行改为使用node.tag来获取标签类型,例如:img、embed、video。这样,我的系统后台编辑器使用的标签类型就可以正确获取了。
修改wxParse/html2json.js 文件 ,在 html2json(html, bindName) 方法里
var node = { node: 'element', tag: tag, };
这里使用 node.tag 能够获取标签类型,比如: img、embed、video
这里我的系统后台编辑器使用的是ckeditor 上传视频。生成的便签是:embed
所以加上判断:
if (node.tag =="embed"){ var embUrl = node.attr.src; if (node.attr.src.indexOf('xxxx.com" + node.attr.src; } node.attr.src = embUrl; node.tag='video'; }
插件里只判断了video标签,识别不出来embed 标签,所有视频无法显示,加上判断,这样就可以了。
知识点扩展:微信小程序插件wxParse的使用
由于微信小程序不支持后台富文本编辑器编辑的html,需要使用wxParse 这个插件来解析,下面介绍一下这个插件的使用方法。

