Wordpress YouTube黑边框

我有一个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

autohide=1参数会导致播放器条在不使用时滚动到屏幕外，但仍保留有空间，它不会调整视频大小以占据其所在的空间。因此，底部的黑条区域用于隐藏的播放器条，侧边空间用于缩小视频大小

---

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

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

---

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

我看不出有办法在规则范围内做出响应-抱歉-但提供的答案没有考虑到这是一个仅在Chrome中可见的问题，并且只发生了大约10天。在观看频道预告片时，Youtube自己的页面上也会显示这个bug——这是Chrome或Youtube中的bug。我已经向谷歌报告了完整的截图和注释

如果使用以下代码（无自动隐藏），您将看到控件仍然自动隐藏，并且不会产生黑条错误。但是，控件在加载时是可见的，因此它不像“海报”那样干净，但播放效果非常完美

<iframe width="640" height="360" src="//www.youtube.com/embed/YOUTUBE_VIDEO_ID?rel=0&showinfo=0&theme=light&color=white" frameborder="0" ></iframe>

---

必须是一个bug-这种行为不是一个多星期前发生的。

我看不出有办法在规则范围内做出回应-抱歉-但提供的答案并没有说明这是一个仅在Chrome中可见的问题，并且只发生了大约10天。在观看频道预告片时，Youtube自己的页面上也会显示这个bug——这是Chrome或Youtube中的bug。我已经向谷歌报告了完整的截图和注释

如果使用以下代码（无自动隐藏），您将看到控件仍然自动隐藏，并且不会产生黑条错误。但是，控件在加载时是可见的，因此它不像“海报”那样干净，但播放效果非常完美

<iframe width="640" height="360" src="//www.youtube.com/embed/YOUTUBE_VIDEO_ID?rel=0&showinfo=0&theme=light&color=white" frameborder="0" ></iframe>

---

必须是一个bug-这种行为不是一个多星期前发生的。

将autohide=1更改为autohide=0对我来说就是这样。我不知道为什么这是工作，但对我来说，球员酒吧是隐藏像以前一样。好的是，它可以在Chrome和所有其他浏览器上运行

我认为这个bug来自YouTube本身。一旦他们修复了，我们可能需要将所有内容更改回autohide=1。你仍然需要改变一切，但就像你们提到的，如果你因为客户的不满而需要修复它，这可能是一个短期修复

---

希望有帮助

将autohide=1更改为autohide=0对我来说就是这样。我不知道为什么这是工作，但对我来说，球员酒吧是隐藏像以前一样。好的是，它可以在Chrome和所有其他浏览器上运行

我认为这个bug来自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&amp;ap=%2526fmt

%3D22"></embed>

---

因此，这是一个Youtube/Chrome bug，它只影响iframe嵌入。代码中可能有一些你/我们不需要的东西——但它100%有效，我不会再花一秒钟在上面了

我对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>

---

因此，这是一个Youtube/Chrome bug，它只影响iframe嵌入。代码中可能有一些你/我们不需要的东西——但它100%有效，我不会再花一秒钟在上面了

回答得太好了！非常感谢。回答得太好了！非常感谢。很高兴知道，谢谢！即使只是在Chrome中，而且只是暂时的，客户仍然会坚持认为它已经被处理了。是的，我现在有大约30家公司在抱怨。我最好的建议是暂时使用上面发布的代码，因为我尝试过的所有变通方法都代表了一种折衷。我以前也遇到过这种情况，我花了一天时间更改所有代码，然后它自己修复了，我们不得不再次更改，所以这次我尝试等待。最终的解决办法是以每年几百美元的价格（每位客户）购买Witia或Vimeo这样的平台。我用它来尽可能多地进行教育和升级。很烦人。祝你好运。我在这里发表评论是因为我没有足够的“分数”来评论你的答案（这很愚蠢）。你能发布一个嵌入代码的例子给我测试吗？我尝试了autohide=0，但它只是加载了控件-我可以看到页面或代码吗？谢谢很高兴知道，谢谢！即使只是在Chrome中，而且只是暂时的，客户仍然会坚持认为它已经被处理了。是的，我现在有大约30家公司在抱怨。我最好的建议是暂时使用上面发布的代码，因为我尝试过的所有变通方法都代表了一种折衷。我以前也遇到过这种情况，我花了一天时间更改所有代码，然后它自己修复了，我们不得不再次更改，所以这次我尝试等待。最终的解决办法是以每年几百美元的价格（每位客户）购买Witia或Vimeo这样的平台