Youtube 视频缩略图问题。图像顶部和底部的黑色空间

Question

我有一个site，它使用来自 youtube 视频的缩略图。换句话说，您获得的图像，当您将鼠标悬停在视频上时，右键单击它并将图像另存为。问题是视频缩略图上方和下方都有黑色空间。

我可以每次在 imageready 或 firefox 中裁剪它，但我想知道是否有一种方法可能是一些 css 代码可以从底部和顶部切掉图像，切掉黑色空间。除非黑色空间作为图像的一部分根深蒂固！

任何想法都会有所帮助。谢谢

奥马尔

Answer 1

我在这里面临同样的问题。缩略图具有 120x90 像素、4x3 格式（1,333 纵横比）。看起来视频是宽宽比，YT 会生成这些黑条。

通过 CSS，我们可以使用“background-position”属性将缩略图设置为 a 的背景，然后计算 -11px 以隐藏顶栏。