视频全屏退出后页面黑了 200 像素 容器高度没有还原

video.addEventListener('fullscreenchange', () => {
  if (!document.fullscreenElement) {
    wrap.style.height = ''; scrollTo(0, savedY);
  }
});

视频全屏播放后点退出，页面顶部黑掉 200px，列表整体下移，滚动条位置也丢了，再点一次播放才恢复。先别急着动参数，把报错原文和时间点记下来，顺序反了容易白折腾。

原因不复杂，全屏时容器高度被设成 100%，退出后内联样式没有还原，video 元素仍占着全屏时的高度。页面滚动位置在进入全屏时被重置。

这次卡住的地方就在「视频全屏退出」这一环，单独把它拎出来验证，别和其他改动混在同一次发布里。改动写完就同步给同事，下一个人踩同一个坑，成本还是你的。

验证用真实数据走一遍，测试数据太干净，边界情况根本碰不到。能分两步做的操作就别合成一步，中间看一眼返回值，出问题好判断。

处理上按这个顺序：监听 fullscreenchange 退出时移除内联宽高；容器高度用 aspect-ratio 控制 不写死像素；记录进入全屏前的 scrollY 退出后还原；播放退出全屏重复三次 检查布局。

改完只确认一件事：退出全屏后页面高度和滚动位置与播放前一致，没有黑块。