删除视频缩略图中的黑条

Question

我有画廊,用户可以提交Youtube链接到视频和服务器自动从Youtube提取缩略图.但是,许多视频在图像的顶部和底部都包含黑条.我知道黑条的起源,但是当我将缩略图调整为正方形时,黑条会干扰设计.

我试图从上到下分析像素颜色,直到找不到黑色(imagecolorat()),但它仍然留下一些近黑色,所以小条仍然驻留在图像中.

什么可以更有效的algorythm检查？

Answer 1

其中一个解决方案是做与youtube相同的事情.如果您访问他们的站点,并查看包装图像的图像和元素,您将看到wrap元素具有与此类似的css:

display:inline-block;
height: /*here goes fixed height in px*/
overflow: hidden;

他们使用的图像在顶部和底部(在该容器内)包含黑色区域,但他们使用css来隐藏它.这意味着元素(在带有att显示的youtube span:inline-block上)将小于acctual图片,图片将居中/定位,因此顶部和底部黑色区域将溢出较小的包裹并将被隐藏.