0755-23698839
132-6576-8769

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

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

  • 新增页面同时推送到百度智能小程序和百度搜索
    2021-01-12 14:35:26
    网站新增页面同时推送到百度智能小程序和百度搜索,可以帮助网站和小程序的资源尽快被抓取和收录,降低网站新生产的内容被其他人复制的利好,可以变相保护网站内容。
  • 百度智能小程序递归实现无限级伸缩可折叠菜单
    2021-01-04 16:45:01
    百度智能小程序要实现理论上的无限级伸缩可折叠菜单,除了小程序开发自定义递归组件外,还需要数据源本身支持或根据递归思路开发并转化为JSON,还需要通过样式表进行控制。
  • 做好网站内容建设以提高百度小程序收录资源占比突破50%
    2019-12-09 17:04:06
    百度小程序收录资源要求页面质量较高,要提高百度小程序收录资源占比以突破50%,做好网站内容建设是经公明网络公司创络科技实践的有效方法。
  • 百度智能小程序开发名称及内容审核将更加严格
    2018-10-22 15:30:18
    光明区做网站的公司创络科技在9月份,百度智能小程序刚刚推出的时候,成为了第一批开发者并顺利上线了多个百度智能小程序,但是最近我们发现百度智能小程序开发名称及内容审核将更加严格。
  • 如何申请注册百度智能小程序
    2018-09-21 11:15:18
    最近百度动作十分频繁,之前还不能申请注册的百度智能小程序,最近就已经很迅速的开放入口了,经过简单的注册,可以很快通过初审,等信息审核通过后,就可以创建小程序了。
  • 小程序和微信公众号的开发有什么区别需要注意
    2018-07-24 17:13:16
    对于大多数项目来说,小程序的开发和微信公众号的开发基本是一致的,但是针对一些特别的项目则有很多细节不同,例如:支付、站外资源等。
标准建站流程
客服电话
  • 132-6576-8769
  • 0755-23698839