0755-23698839
132-6576-8769

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

创络讲堂 2020-12-25 14:18:08 2855次 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都不到,最终使用的也是小程序原生的组件,推荐大家采用方案二。

  • 如何在小程序开发中使用iconfont的字体图标
    2021-09-30 10:18:06
    如何在小程序开发中使用iconfont的字体图标?只需要两步,设置iconfont格式后下载,放进项目后修改文件扩展名即可。
  • 新增页面同时推送到百度智能小程序和百度搜索
    2021-01-12 14:35:26
    网站新增页面同时推送到百度智能小程序和百度搜索,可以帮助网站和小程序的资源尽快被抓取和收录,降低网站新生产的内容被其他人复制的利好,可以变相保护网站内容。
  • 百度智能小程序递归实现无限级伸缩可折叠菜单
    2021-01-04 16:45:01
    百度智能小程序要实现理论上的无限级伸缩可折叠菜单,除了小程序开发自定义递归组件外,还需要数据源本身支持或根据递归思路开发并转化为JSON,还需要通过样式表进行控制。
  • 提交百度智能小程序总是代码审核未通过?
    2020-12-24 10:45:56
    百度智能小程序已经发展了一段时间,越来越多的企业开始在网站的基础上新开发小程序,但是提交审核的时候,总是会遇到各种各样的问题导致代码审核未通过。
  • 如何申请注册百度智能小程序
    2018-09-21 11:15:18
    最近百度动作十分频繁,之前还不能申请注册的百度智能小程序,最近就已经很迅速的开放入口了,经过简单的注册,可以很快通过初审,等信息审核通过后,就可以创建小程序了。
  • 可以将手机版网站放入微信小程序吗?
    2018-03-28 15:03:11
    可以!现在已经有越来越多的企业网站适配了手机版网站,而当下比较热门的小程序也非常吃香,重新开发小程序毕竟成本偏高,于是我们推荐大家直接快速的将手机版网站放入微信小程序。
标准建站流程
客服电话
  • 132-6576-8769
  • 0755-23698839