Javascript 全屏嵌入式YouTube视频在Chrome上偏离中心。可能的CSS或JS冲突？

我在我的博客上嵌入了很多YouTube视频。当你在Chrome中全屏播放视频时，视频会显示为偏心（垂直）。黑色区域为全屏，但视频本身偏离中心，底部被切断

我想知道我是否会有JS或CSS冲突，但我正在努力找出它。有人有什么想法吗

例如：

它可以在其他浏览器中正常工作

---

如果我禁用CSS，它可以正常工作，所以我猜这是某种CSS冲突。

在

外部容器上有一个
属性将发生变化，似乎正在这样做

打开包含视频的页面，但在播放视频并将其设置为全屏之前，按F12打开Chrome上的开发工具，转到console选项卡，然后将其粘贴到：

document.getElementsByClassName("outer-container")[0].style.willChange = "inherit";

然后尝试全屏播放视频。因此，我认为您应该找到一种方法来删除
将更改
属性的内容，或者将其更改为
继承