自适应YouTube嵌入式视频设置为无黑边的特定尺寸

Question

经过广泛的研究，我感到自己在竭尽全力，不仅试图将YouTube视频集嵌入特定的尺寸（没有黑边），而且使之具有响应性。

我设法消除了黑色边框，并将视频设置为特定的尺寸，但就我而言，视频没有响应。

有人可以协助以下吗？

具体尺寸 无黑色边框 响应

这是我的代码：

    .videowrap {
    height:360px;
    width:640px;
    position:relative;
    overflow:hidden;
    }

    .videowrap iframe {
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
    }

<iframe width="640" height="360" class="videowrap" 
    src="https://www.youtube.com" frameborder="0" 
    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in- 
    picture" allowfullscreen></iframe>

Answer 1

如果做出响应，则表示使用不同的屏幕尺寸。您可以将@media用于不同的屏幕尺寸。例如：

    @media (min-width: 480px) and (max-width: 767px) {
    .videowrap {
    height:180px;
    width:320px;
    position:relative;
    overflow:hidden;
    }
// or any other css you want to put in here
    }