유튜브는 기본적으로 소스보기를 하면 사이즈가 정해져 있다.
PC에서 보면 사이즈가 딱 맞는데 모바일에서 보면 사이즈가 벗어나 버린다.
이럴때 아래 소스를 이용해라.
티스토리도 작 적용된다.
CSS에 먼저 아래 소스를 복사하고
.youtubeWrap {
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.youtubeWrap iframe {
position: absolute;
width: 100%;
height: 100%;
}
글 입력하고 html 보기를 해서
<div class="youtubeWrap">
<iframe src="xxx" frameborder="0" allowfullscreen></iframe>
</div>
이런식으로 입력하면 된다
출처 : http://www.cmsfactory.net/node/11095
유투브동영상자동사이즈소스.txt
적용하면 위의 동영상처럼 사이즈에 딱 맞게 나온다.
