我有一个 16:9 的视频（实际为 1280 × 720），我已上传到 YouTube，并使用嵌入的 HTML5 播放器嵌入到 WP 页面中：
<iframe width="395" height="222" src="//www.youtube.com/embed/XOcDLExisBg?autohide=1&modestbranding=1&showinfo=0&rel=0" frameborder="0" allowfullscreen></iframe>
我的嵌入尺寸也是 16:9（由 YouTube 计算，并手动验证）。
当视频在页面上播放时，我的三个边都有黑色边框：
有谁知道为什么会这样？
提前致谢！
泰
我认为没有办法在规则范围内做出回应 - 抱歉 - 但提供的答案并没有说明这是一个只能在 Chrome 中查看的问题，并且只发生了大约 10 天。在查看频道预告片时，它也显示在 Youtube 自己的页面上 - 这是 Chrome 或 Youtube 中的一个错误。我已向 Google 报告了完整的屏幕截图和注释。
如果您使用以下代码（不自动隐藏），您将看到控件自动隐藏，并且不会产生黑条错误。然而，这些控件在加载时是可见的，因此它看起来不像“海报”那么干净，但播放是完美的。
<iframe width="640" height="360" src="//www.youtube.com/embed/YOUTUBE_VIDEO_ID?rel=0&showinfo=0&theme=light&color=white" frameborder="0" ></iframe>
必须是一个错误 - 这种行为在一个多星期前还没有发生。
autohide=1 参数使播放器栏在不使用时滚动到屏幕外，但仍然保留空间，它不会调整视频大小以接管它所在的空间。因此，黑条区域底部用于隐藏播放器栏，侧面空间用于缩小视频尺寸。
您要么需要考虑播放器栏，要么停止使用 autohide=1。
将 autohide=1 更改为 autohide=0 正在为我完成这项工作。我不知道为什么会这样，但对我来说，播放器栏像以前一样被隐藏了。好消息是，它适用于 Chrome 和所有其他浏览器。
我认为这个错误来自 YouTube 本身。一旦他们修复它，我们可能需要将所有内容更改回 autohide=1 。你仍然需要改变一切，但就像你们提到的那样，如果你因为客户生气而需要修复它，这可能是一个短期的修复。
希望能帮助到你！
我对 iframe 代码非常着迷，以至于我没有检查其他代码。
这有效：
<embed width="640" height="360" wmode="window" allowfullscreen="true"
type="application/x-shockwave-flash"
src="http://www.youtube.com/v/YOUTUBE_VIDEO_ID&showsearch=0&fs=1&autohide=1&showinf
o=0&rel=0&autoplay=0&theme=light&color=white&ap=%2526fmt
%3D22"></embed>
所以，这是一个只影响 iframe 嵌入的 Youtube/Chrome 错误。该代码中可能有一些您/我们不需要的东西 - 但它可以 100% 工作，我不会再花一秒钟的时间！