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