如何在Lottie JSON代码中嵌入MP4视频以替换原有图片资源

首先明确结论：标准Lottie JSON规范不支持直接嵌入MP4格式的视频文件。

核心原因 #

• Lottie官方定义的JSON协议仅支持矢量图形、静态位图、关键帧动画、文字、音频等原生资源类型，没有预留视频资源的嵌入字段与解析规则。
• 全平台官方Lottie渲染器（lottie-web、Lottie-Android、Lottie-iOS等）均未内置视频解码、渲染同步逻辑，即便手动修改JSON添加MP4的base64编码内容或者本地/远程路径，渲染器也无法识别加载，不会产生预期效果。

可落地的替代实现方式 #

如果你需要将Lottie中原有的图片资源位替换为视频，可以采用图层联动的方案实现同等效果：

1. 首先定位Lottie JSON中要替换的目标图片图层的id或图层名称，在业务代码中监听Lottie的渲染进度
2. 实时获取该图层在页面/画布中的坐标、尺寸、显隐状态、透明度、变换属性（缩放、旋转、位移）
3. 在对应位置层叠放置原生视频组件，同步上述属性与Lottie动画保持一致，即可实现视频和Lottie动画的融合效果
4. 有自定义改造能力的场景下，也可以在Lottie JSON的assets数组中新增自定义扩展字段标记对应视频资源的路径，自行修改渲染层的资源加载逻辑，识别到自定义视频字段时用视频渲染替换原有图片图层的渲染逻辑。

内容的提问来源于stack exchange，提问作者Thales Ribeiro