如何从youtube预览图像中删除黑边框（改变图像黑边框长度）

我已经浏览了以下链接

->

->

->

我们的项目中有许多不同大小（宽度和高度）的视频

尝试了以下解决方案

解决方案1：裁剪或调整高度

         HTML
          <div class="thumb">
            <img src="...">
          </div>
         
         CSS
          
        .thumb {
           overflow: hidden;
         }
        .thumb img {
          margin: -10% 0;
          width: 100%;
         }            

Failing for some sceanrios , because of image black border size is varying for few images.

Screenshot for reference

许多不同大小的视频（高度和宽度）

预览图像黑色边框长度也会变化

谁能告诉我如何做到这一点

---

提前感谢

以下是我改编的一些示例（通过查看嵌入视频并查看其CSS样式）：

示例#1：

.ytp提示缩略图覆盖图像{
背景尺寸：封面；
-moz背景尺寸：封面；
-webkit背景尺寸：封面；
背景位置：中心；
背景重复：无重复；
宽度：100%；
身高：100%；
位置：绝对位置；
}

图1：

您的问题并添加您正在使用的

视频id

。

    .youtubePreview {
        background:url('http://img.youtube.com/vi/aOPGepdbfpo/0.jpg') center no-repeat;
        height:204px;
        width:480px;
    }
    
    or
    
     also tried with background-image
     
     <div class="bgimg" style="background-image: url(&quot;https://img.youtube.com/vi/8yxZ-k0xI9s/0.jpg&quot;); height:275px "></div>
    
 Example: 450*275 failing       
     
We have video with different sizes so it works for some width and its failing for other widths. 

   We using url for images https://img.youtube.com/vi/YOUTUBEVIDEOID/0.jpg 
   
   so replaced with      https://img.youtube.com/vi/YOUTUBEVIDEOID/mqdefault.jpg
    
    
But unfortunately few mqdefault images having black borders at left and right side.''