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

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

1.先上个目录结构。

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

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

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

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

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值