반응형
유튜브 퍼갈 때 자동 크기 맞춤 - 유튜브 퍼가기 팁
반응형 웹 디자인을 사용하시는 분들이 많은데요.
유튜브 퍼가기를 한 후 반응형 웹에 적용하다보면,
크기가 맞지 않고 블로그 레이아웃을 넘기는 경우가 있습니다.
아래 코드를 사용하면 쉽게 자동크기 조절이 됩니다.
유튜브 동영상 코드는 크기가 지정된 것과 상관없이, 소스코드 통채로 복사, 붙여넣기 하시면 됩니다.
유튜브 자동크기 코드 텍스트파일
유튜브 자동크기.txt<style>
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<div class="embed-container">
유튜브 동영상 코드
</div>
자료출저 - http://1730.tistory.com/34 [1730.tistory.com]
반응형