AI 视频管线的七个坏点 · 公众号一键复制

单张 1080×15300 / 909 节点 / 306 KB · 分段 9 × 1080×1700 / 312 KB
手机预览 375px · 在框内往下滑,看分段懒加载
已加载 0 / 9

方案 A · 单张 background-image 唯一推荐 · 已实机验证

一张 15300 高的长图,49.5s 时间轴从封面一路长到落款。整段 290 字符。 你在公众号编辑器里测过,完美呈现。

方案 C / C2 · 分段懒加载 已实测不可行 · 留档
2026-11-02 实机验证:微信不支持逐屏懒加载。 首次滑动就把所有待加载的 data-src 一次性 flush 成 src,各屏同时起播。 1700/屏(总高 4860px)和 3000/屏(总高 27000px)都试过,结果一样——加高 5.5 倍无效, 说明不是预加载距离的问题,是微信的批量 flush 策略。

加上「外链 SVG 收不到指针事件」(实测点击后 begin="click" 不触发), 结论是:公众号正文里唯一可行的渐进出现,就是方案 A 的单张长图 + 时间轴。

方案 C2 · 每屏 3000 高

方案 C · 每屏 1700 高

方案 B · 单张 img data-src 备用

A 不显示时再试这个。带 data-type="svg" 触发懒加载,但单张懒加载意义不大。

验收顺序(别跳)

1. 粘进公众号编辑器 → 2. 保存 → 3. 重新打开 → 4. 手机预览往下滑

判据只有两条:保存之后图还在不在;滑到第 5 屏时它是不是才开始长。 粘贴那一刻能显示不算数。自动验收只能到「剪贴板读回正确」,保存那一步 headless 做不了。

手动源码兜底

剪贴板权限被拒时,从这里整段选中复制。