Post
유튜브영상 검은바 없이 높이 100% 하는방법
html
<div class="video-container">
<iframe width="100%" src="http://www.youtube.com/embed/HkMNHkMNOlYcpHg" frameborder="0" allowfullscreen=""></iframe>
</div>
CSS
.video-container {position:relative; padding-bottom:56.25%; overflow:hidden;}
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
'html,css' 카테고리의 다른 글
| placeholder 속성 변경하기 (0) | 2019.04.09 |
|---|---|
| table태그에서 말줄임 사용하기 (0) | 2018.03.23 |
| 반응형 폰트설정 (0) | 2018.03.21 |
| ie8 이하에서 투명 배경 적용 (0) | 2018.03.21 |