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