반응형으로 동영상 삽입하는방법

HTML

<div class="video">

   <iframe width="640" height="360"

   src="동영상 주소" frameborder="0"

   allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>

   </iframe>

 </div>

CSS

.video {

   position: relative;

   padding-bottom: 56.25%; (wide화면 16:9=56.25 표준비율 4:3 =75)

   height: 0;

   overflow: hidden;

   margin-bottom: 4em;

}

.video iframe,.video object,.video embed {

   position: absolute;

   top: 0;

   left: 0;

   width: 100%

   height: 100%

}