在YouTube缩略图上移除4：3的黑色边框
例如，我有一个链接
http://img.youtube.com/vi/aOPGepdbfpo/0.jpg 对于YouTubevideo缩略图：
我想删除黑色的顶部和底部边框，所以我得到这样的图片：
可以使用PHP函数javascript / jQuery或者也许youtube api本身？
用它作为背景图像，居中并改变高度。
http://dabblet.com/gist/4012604
.youtubePreview { background:url('http://img.youtube.com/vi/aOPGepdbfpo/0.jpg') center no-repeat; height:204px; width:480px; }
YouTube提供的图像不具有4：3比例的黑色条纹。 要获得不带黑色条的16：9video缩略图，请尝试以下方法之一：
http://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg http://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg
第一个mqdefault是一个320×180像素的图像。
第二个maxresdefault是一个1500×900像素的图像，所以需要resize以用作缩略图。 这是一个很好的形象，但并不总是可用的。 如果video质量较差（小于720p，我想可能不太确定），那么这个“maxresdefault”就不可用了。 所以不要依赖它。
如果你想要一个灵活的宽度，使用这个：
HTML
<div class="thumb"> <img src="..."> </div>
CSS
.thumb { overflow: hidden; } .thumb img { margin: -10% 0; width: 100%; }
要从Youtube thumbnail删除black borders ，我们不需要编写seperate code或CSS 。 只需使用ytimg.com网站，该网站代表YouTube image ，从YouTube fetches图像，如来自该域的thumbnails和icons 。
示例如下所示 –
原始图像 [带边框]
http://img.youtube.com/vi/JQ7a_8psCn0/hqdefault.jpg
没有边界/带
要么
如何youtube做到这一点。 图片url中有很多参数。
https://i.ytimg.com/vi/XkOpbLBzPsY/hqdefault.jpg?custom=true&w=196&h=110&stc=true&jpg444=true&jpgq=90&sp=68&sigh=Gv-oyTIgA39e7UG01pZ2RiGbwSo
这是我给类似的问题的答案，但它会完全解决你的问题，只是剪切你不想从包装div的video显示的一切，这是用HTML和CSS完成。
为了解决这个问题，我search了一下networking，结果没有任何结果，我想我已经尝试了一切，没有什么能解决我的问题。 然后，由我的逻辑驱动，我只是将embedded的YouTubevideo的iframe包装在一个div集溢出：隐藏; 到这个div，并使其高度2px，然后iframe的高度（在我的video有底部的黑色边框）。 因此，包装div是小于iframe，并定位在video上，你可以隐藏你不想要的黑色边框。 我认为这是迄今为止我所尝试的一切的最佳解决scheme。
从下面的示例中，尝试embeddediframe，然后在底部看到小的黑色边框，并且在div中包装iframe时，边框消失了，因为div与iframe重叠，并且video更小，有溢出：隐藏所以所有出去的div尺寸是隐藏的。
<div id="video_cont" style="width: 560px; height: 313px; overflow: hidden;"> <iframe id="the-video" class="extplayer" width="560" height="315" src="https://www.youtube.com/embed/EErx017kDHQ?&autoplay=0&rel=0&fs=0&showinfo=0&controls=0&hd=1&wmode=transparent&version=2;yt:quality=high;" frameborder="0" allowfullscreen></iframe> </div>
在我的情况下，边框的高度约为2px，所以我将包装div的高度设置为2px，以隐藏边框，如果边框位于video的顶部或两侧和/或不同的尺寸，必须为包装div制作不同的尺寸并将其定位，以使其与边框所在的video重叠并且具有溢出：隐藏; 边界是隐藏的。
希望这会有所帮助。
;){kind=link}
;){kind=link}
;){kind=link}