0755-23698839
132-6576-8769

智能小程序rich-text中不支持video视频组件的解决方案

创络讲堂 2020-12-25 14:18:08 834次 https://www.chuangluo.com/news_621.html 作者:创络科技

网站的数据同步到小程序后,可能或多或少会有一些问题,例如网站文章的正文中有video视频组件,而本文将介绍智能小程序的rich-text中又不支持video视频组件的解决方案。小程序目前已经热到甚至超过网站,要不是网站是一切的基础,可能做小程序的客户比做网站的客户还要多。但我们依然无法忽略小程序的不足,那就是还没有办法完全兼容所有网站上的数据。正如刚刚提到的video视频组件,我们遇到问题的时候也咨询过官方,但可能在很长一段时间里是不会更新的。于是我们整理了两个解决方案给大家参考。

一、使用插件。

百度智能小程序使用bdParse,微信智能小程序使用wxParse,根据bdParse的介绍,它是智能小程序富文本解析工具,改造自wxParse,支持html转换成智能小程序富文本节点。创络查看了插件的介绍、用户使用的反馈和评价,应该有很高的可用性,是可以解决rich-text中又不支持video视频组件的这个问题。使用方法也比较简单,大家可以在开发文档中搜索关键词,参考官方说明进行开发使用。

bdParse和wxParse插件

二、程序解决。

使用插件固然方便,但是经过分析,我们觉得插件的体积略微大了一点:超过300KB。可能大伙觉得300KB也不大呀,这么小。但是如果不使用插件,我们开发好的所有功能的一个常规小程序可能不到100KB,而且小程序包的总大小不能超过2MB。所以,使用一个300多KB的插件仅仅用来解决视频播放有点不划算。因此我们自己通过修改程序,成功解决了这个问题。由于我们主要进行PHP网站开发,代码可能对其他语言开发者意义不大,因此,在这里我们将思路分享给大家,希望能够帮助到你,思路示意图如下:

在rich-text中使用video视频组件的思路

最终的实现效果如下图所示:

在rich-text中不支持video视频组件的实现效果

方案二的效果我们觉得好一点,只是会需要工程师辛苦一点,写多一些数据处理代码。虽然最终是使用多个rich-text加video实现,并不是真正的在rich-text中使用video,但在界面上用户感知不到任何差异,而且多写的这一些代码可能连3K都不到,最终使用的也是小程序原生的组件,推荐大家采用方案二。

  • 百度智能小程序中s-for和s-if联合使用的方法
    2020-12-18 09:27:06
    在百度智能小程序的开发过程中,我们有可能会需要用到s-for和s-if联合使用,即在循环中进行条件判断,本文将简要介绍这两者配合的使用方法。
  • 做好网站内容建设以提高百度小程序收录资源占比突破50%
    2019-12-09 17:04:06
    百度小程序收录资源要求页面质量较高,要提高百度小程序收录资源占比以突破50%,做好网站内容建设是经公明网络公司创络科技实践的有效方法。
  • 百度小程序新资源提交接口开发初体验
    2019-11-13 14:30:36
    由于经常长时间的把精力放在开发客户的项目上去了,再加上小程序客户数量不多,所以,我们一直没有特别留意百度小程序的资源提交这个接口。以前的MIP、熊掌号出来的时候,都是第一时间接入了推送接口的,直到今天看到通知说即将启动小程序鱼跃计划。
  • 百度智能小程序开发名称及内容审核将更加严格
    2018-10-22 15:30:18
    光明区做网站的公司创络科技在9月份,百度智能小程序刚刚推出的时候,成为了第一批开发者并顺利上线了多个百度智能小程序,但是最近我们发现百度智能小程序开发名称及内容审核将更加严格。
  • 小程序和微信公众号的开发有什么区别需要注意
    2018-07-24 17:13:16
    对于大多数项目来说,小程序的开发和微信公众号的开发基本是一致的,但是针对一些特别的项目则有很多细节不同,例如:支付、站外资源等。
  • 可以将手机版网站放入微信小程序吗?
    2018-03-28 15:03:11
    可以!现在已经有越来越多的企业网站适配了手机版网站,而当下比较热门的小程序也非常吃香,重新开发小程序毕竟成本偏高,于是我们推荐大家直接快速的将手机版网站放入微信小程序。
标准建站流程
客服电话
  • 132-6576-8769
  • 0755-23698839