我有一个 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 计算，并手动验证）。
当视频在页面上播放时，我的三个边都有黑色边框：
有人知道为什么会这样吗？
提前致谢！
ty
【问题讨论】：
标签： wordpress youtube embedded-video borderless
autohide=1 参数使播放器栏在不使用时滚动到屏幕外，但空间仍然保留在那里，它不会调整视频大小以占据它所在的空间。因此，底部的黑条区域用于隐藏播放器条，侧面空间用于缩小视频尺寸。
您要么需要考虑播放器栏，要么停止使用 autohide=1。
【讨论】：
我认为无法在规则范围内做出回应 - 抱歉 - 但提供的答案并没有说明这是一个只能在 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=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% 有效，我不会再花一秒钟的时间！
【讨论】：