YouTube Black Borders

Question

我有一个16：9的视频（1280×720 Actual），我已经上传到YouTube，并嵌入到WP页面中，使用嵌入的HTML5播放器：

<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

Answer 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>

一定是个错误 - 这个行为在一个多星期前没有发生。

Answer 2

autohide = 1参数会导致播放器栏在未使用时滚动屏幕，但空间仍为其保留，它不会调整视频大小以接管它所在的空间。因此，底部的黑色条形区域用于隐藏的播放器栏，侧面空间用于缩小视频的大小。

您需要考虑播放器栏，或者停止使用autohide = 1。

Answer 3

将autohide = 1更改为autohide = 0正在为我完成工作。我不知道为什么会这样，但对我来说，玩家酒吧就像以前一样隐藏起来。好消息是，它适用于Chrome和所有其他浏览器。

我认为这个错误来自YouTube本身。我们可能需要在修复后将所有内容更改为autohide = 1。你还需要改变一切，但就像你们提到的那样，如果你因为客户生气而需要修理它，这可能是一个短期的修复。

希望它有所帮助！

Answer 4

我对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&amp;ap=%2526fmt

%3D22"></embed>

所以，它是一个仅影响iframe嵌入的Youtube / Chrome错误。您/我们不需要的代码中可能有一些东西 - 但它可以100％工作，而且我不会再花费一秒钟了！