删除YouTube缩略图上的黑色边框4：3

php javascript jquery youtube-api

2022-08-30 09:38:08

例如，我有一个链接

http://img.youtube.com/vi/aOPGepdbfpo/0.jpg

对于 YouTube 视频缩略图：

enter image description here

我想删除黑色的顶部和底部边框，所以我得到这样的图片：

enter image description here

可以使用PHP函数javascript / jQuery或youtube api本身来完成吗？

答案 1

YouTube提供的图像没有4：3比例的黑色条纹。要获得没有黑色条纹的 16：9 视频缩略图，请尝试以下操作之一：

http://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg

第一个是320x180像素的图像。mqdefault

第二个是1500x900像素的图像，因此需要调整大小才能用作缩略图。这是一个不错的图像，但它并不总是可用。如果视频质量低（我想象不到720p，不完全确定），那么这个“maxresdefault”将不可用。所以永远不要依赖它。maxresdefault

答案 2

将其用作背景图像，将其居中并更改高度。

.youtubePreview {
    background:url('http://img.youtube.com/vi/aOPGepdbfpo/0.jpg') center no-repeat;
    height:204px;
    width:480px;
}