[HTML, CSS] 동영상 16:9 비율 유지하기

* HTML, CSS로 동영상 16:9 비율 유지하기

동영상 16:9로 올리는 법!

완성본: https://codepen.io/daoocadq/pen/yLgORKg

-HTML-
<div class="container">
  <div class="item"></div>
</div>

.container {
  width: 500px;
  background-color: royalblue;
}
.container .item {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}