uniapp rich-text无法处理video解决办法和修改样式
rich-text 无法处理 video
uni-app 文档中关于 rich-text 介绍中明确说明 rich-text 支持什么,其中并不包含 video 。
解决办法
在uni-app插件市场搜索parse插件使用。
parse插件有很多,包含的功能也不尽相同。
我播放 video 时使用的是uParse 富文本解析。
uParse 富文本解析插件的使用
- 在项目中导入插件。这步不详述了。不会的需要补补关于uniapp的使用知识。
导入成功后,多出目录项目根目录/components/u-parse
。 - 在页面中导入插件。
- 替换rich-text
处理 video 标签样式
默认的vedio样式需要修改时,可以使用正则表达式替换。
新建 js 文件 : richTextUtil.js
引入js库
调用方法
关于设置Video样式width:100%不生效问题:
在app.vue下设置即可