유니콘 스킨 iframe 영상 비율 맞추기 2

이전에 올린 방법을 써봐도 먹히지 않는다는 문의가 들어와서 새로운 방법으로 또 올려봅니다. 해당 방법을 쓰시면 에디터의 html 모드에 iframe 영상 소스를 그대로 붙여넣기만 하고 작성하면 자동으로 비율이 맞춰집니다.

 

<script>
	//HTML </head> 혹은 </body> 위에 붙여넣기
	$(document).ready(function(){
    	$(".article iframe").unwrap().wrap('<div class="youtube"></div>');
    });
</script>

 

/* CSS 편집창 안에 붙여넣기, 이미 작성되어 있다면 생략 */
.youtube{position:relative; width:100%; padding-bottom:56.25%;}
.youtube iframe{position:absolute; width:100%; height:100%;}