使用wxParse解析富文本的总结以及解决苹果手机上视频无法播放的方法

 先上官方文档:https://github.com/icindy/wxParse。先讲一下我的理解,最后说明下自己使用wxParse的业务场景以及遇到的问题。

1.先上个目录结构。

使用wxParse解析富文本的总结以及解决苹果手机上视频无法播放的方法_第1张图片

然后总结下wxParse下我处理过得文件。html2json.js中注释掉console.dir()---显示对象的属性跟方法,安卓手机好像不支持这个命令。

使用wxParse解析富文本的总结以及解决苹果手机上视频无法播放的方法_第2张图片

wxParse.wxml中,video标签中添加poster(小程序video封面属性,开发者工具可能无法正常显示,但是手机可以)与custom-cache="{{false}}"属性(这个属性可以解决苹果手机视频无法播放的问题,当时我遇到的问题是同一页面超过5个视频后,先上传的视频无法播放),这个地方也是我想做个wxParse总结的原因,因为后端传过来的富文本标签会被重新转译成wxParse这里设置的标签。

使用wxParse解析富文本的总结以及解决苹果手机上视频无法播放的方法_第3张图片

在成功引用wxParse后,会在控制台打印一大段文字。下面是大概内容,wxParse.html中的{{}}中可以引用这些属性,具体自己研究下就懂啦^^。

使用wxParse解析富文本的总结以及解决苹果手机上视频无法播放的方法_第4张图片

最后总结一下,这篇文章没有具体讲到wxParse怎么使用,但是总结了一下我遇到的坑以及解决办法,希望能帮助到大家。我所要完成的业务是,在页面中显示一段富文本,看似简单,但是遇到了视频黑屏以及视频无法播放的问题,花费了很多很多零零散散的时间,debug的辛酸就不再赘述。这是我第一个小程序项目也是第一个前端项目的第一个小总结,加油。

前端路上种因果,填坑路上你和我 

你可能感兴趣的:(小程序)