css로 비디오 16:9 비율 맞추기

.video_box{
	/* max-width가 필요할 때 한번더 감싸주는 div */
  max-width: 650px;
  border: 4px solid red;
}
.video_wrap{
  height: 0;
/*  padding top은 부모 요소의 가로 요소에 영향을 받는다  */
/*  height는 반응형이 안되고 크기를 픽스해버리는 것임  */
  padding-top: 56.25%;
  position: relative;
}
iframe{
  background: black;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}