Youtube iframe 반응형 화면에 꽉차게 하는 방법

가로는 꽉차게 하면서 가로 세로 비율은 유지하는 CSS 입니다.

인터넷 검색으로 어디서 찾은건데 정말 신기하네요~

.video-wrap { position:relative;padding-bottom:56.25%;height:0px;overflow:hidden; }
.video-wrap iframe { position:absolute;top:0;left:0;width:100%;height:100%; }

<div class="video-wrap">
<iframe width="400" height="225" src="주소값"></iframe>
</div>