以正确的9:16格式显示Youtube视频和缩略图

Ste*_*ven 8 php youtube jquery thumbnails

我可以使用此处描述的链接轻松获取Youtube图像缩略图:如何从YouTube API获取YouTube视频缩略图?

但所有这些缩略图都采用3:4格式(或接近的格式),即使视频本身采用其他格式.然后在图片的顶部和底部可以看到一些黑色水平条.

我需要一个9:16格式的图像(这是我的视频格式)没有黑条.这有可能撤退吗?

更新

即使Youtube页面上的视频中没有黑条,Youtube视频本身也会在顶部和底部都有黑条.

有什么方法可以简单地以正确的格式显示缩略图和视频吗?

更新

我发现了这个:在youtube缩略图上删除黑色边框4:3

提问者想要移除黑色的顶部和底部条.这里最好的答案是调整高度并通过手动校正"隐藏"黑条.下面的一些评论也表明了这一点.
这是否意味着无法避免?

The*_*ver 17

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
Run Code Online (Sandbox Code Playgroud)

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

第二个maxresdefault是1500x900像素的图像,因此需要调整大小以用作缩略图.这是一个很好的图像,但它并不总是可用.如果视频质量低(我想象的不到720p,不完全确定),那么'maxresdefault'就变得不可用了.所以永远不要依赖它.

  • 正如您提到的 maxres 并不总是可用,它也不是“1500x900”,而是视频的最大分辨率(可能是 1280x720、1920x1080 等)... (2认同)

Ake*_*rts 8

根据API文档:

具有yt:name属性值mqdefault的标记标识320x180(16:9)缩略图图像.此图像也没有时间戳,可以来自视频中的任何一点.

所以有一个图像可用于16:9格式的每个视频分辨率(至少我测试过).当然,它不是这个星球上最大的形象......

如果大小是一个问题,并且您需要更大的东西,那么最好的选择实际上是选择一个总是以4:3比例的可用选项,并使用CSS隐藏多余的选项.YouTube本身已经做了很长时间了.他们现在在其网站上使用多个缩略图大小,包括mqdefault.jpg.

当所有尺寸都已知时,很容易从图像中隐藏多余的宽度和/或高度.以下是使用YouTube中4:3图像隐藏黑条的示例,留下16:9的结果.CSS评论为您的乐趣.