全屏嵌入式 YouTube 视频在 Chrome 上偏离中心。可能 CSS 或 JS 冲突？
Fullscreen embedded YouTube videos are off centered on Chrome. Possible CSS or JS conflicts?
我在我的博客上嵌入了很多 YouTube 视频。当您在 Chrome 中全屏显示视频时，视频显示偏离中心（垂直）。黑色区域是全屏的，但视频本身偏离中心并且底部被截断。
我想知道我是否会遇到 JS 或 CSS 冲突，但我正在努力解决这个问题。有人有什么想法吗？
示例：http://filmfed.com/blog/2016-moana-trailer
它在其他浏览器中工作正常。
如果我禁用我的 CSS，它工作正常，所以我猜这是某种 CSS 冲突。
在 outer-container div 元素上有一个 will-change 属性 似乎是这样做的。
打开一个包含视频的页面，但在播放视频并将其设置为全屏之前，请按 F12 打开 Chrome 上的开发工具，转到控制台选项卡，然后将其粘贴到：
document.getElementsByClassName("outer-container")[0].style.willChange = "inherit";
然后尝试全屏播放视频。所以我认为你应该找到一种方法来删除 will-change 属性，或者将其更改为 inherit.
我在我的博客上嵌入了很多 YouTube 视频。当您在 Chrome 中全屏显示视频时，视频显示偏离中心（垂直）。黑色区域是全屏的，但视频本身偏离中心并且底部被截断。
我想知道我是否会遇到 JS 或 CSS 冲突，但我正在努力解决这个问题。有人有什么想法吗？
示例：http://filmfed.com/blog/2016-moana-trailer
它在其他浏览器中工作正常。
如果我禁用我的 CSS，它工作正常，所以我猜这是某种 CSS 冲突。
在 outer-container div 元素上有一个 will-change 属性 似乎是这样做的。
打开一个包含视频的页面，但在播放视频并将其设置为全屏之前，请按 F12 打开 Chrome 上的开发工具，转到控制台选项卡，然后将其粘贴到：
document.getElementsByClassName("outer-container")[0].style.willChange = "inherit";
然后尝试全屏播放视频。所以我认为你应该找到一种方法来删除 will-change 属性，或者将其更改为 inherit.