封面与媒体适配总检

这篇文章专门用来测试 post-hero__cover、正文图片、远程图床、视频与默认占位图是否都能稳定工作。现在的规则是：

• 文章头图可以直接使用本地图片
• 文章头图也可以使用本地视频并带 poster
• 正文中的图片如果加载失败，会自动回退到默认封面
• 正文中的视频如果没有 poster，会自动补上默认封面

本地图片

下面这张图使用的是本地资源：

远程图床图片

下面故意混入一张远程图片，用来确认远端资源也能正常显示：

失效图片回退

下面这张图是一个故意写错的地址，用来确认默认占位图会自动补上：

原生视频

正文视频同样需要支持本地地址，并在不同设备上保持可控播放：

没有 poster 的视频

下面这个视频不写 poster，用来验证主题是否会自动补默认占位：

宽图、窄图与长图

当这些内容同时出现时，页面需要保证：

1. 图片不会撑破正文宽度。
2. 视频在手机端仍能正常展示控制条。
3. 失效资源不会留下破碎占位。
4. 头图视频失效时会自动回退到默认图片。

结论

如果你在烟测里看到这篇文章的头图可以播放、正文图片能按宽度收束、错误图片被默认封面替代、正文视频可播放，那么这一层媒体适配就已经可以继续进入更细的视觉打磨。