Javascript 我想删除youtube视频的顶部和底部黑边

我希望视频宽度=100%，高度=500px（固定高度）。但我不想看到youtube视频的上下空白。我以后必须让它响应。可能吗

<iframe width="100%" height="500px" src="https://www.youtube.com/embed/T1mP3S4-o3c?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

---

如果您想要固定高度（根据问题为500px），它也会显示黑色边距

这些黑边显示视频中因分辨率/比例而留下的空白区域（例如1920px*1080px或1080px*720px）

您必须根据其比例应用宽度和高度，以避免这些黑色边距

最好的方法是100%使用宽度和高度。

*{填充：0；边距：0；框大小：边框框；}
.视频{
位置：相对位置；
填充底部：56.25%；/*16:9*/
身高：0；
}
.视频iframe{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}

---

实际上，根据您的代码主体，默认边距即将出现。如果您想删除类似于此主体的书写{margin:0；padding:0；}

正文{
保证金：0；
填充：0；
}

---

添加您的代码片段有助于找到空间的来源。代码在哪里？我已经添加了代码@MerajKhanso，您不能使用html的绝对属性，对吗？请也查看一下