유튜브 반응형 자바스크립트 소스

<script type="text/javascript"> 
	$(window).resize(function(){resizeYoutube();}); $(function(){resizeYoutube();}); 
	function resizeYoutube(){ $("iframe").each(function(){ 
	if( /^https?:\/\/www.youtube.com\/embed\//g.test($(this).attr("src")) )
    { $(this).css("width","100%"); $(this).css("height",Math.ceil( 
    parseInt($(this).css("width")) * 480 / 854 ) + "px");} }); } 
</script>

간단한 자바스크립트 코드로 쉽게 유튜브를 반응형으로 만들어줄 수 있다. 데스크탑 보다 모바일의 경우 화면이 짤리는 경우가 많은데, 쉽게 구현할 수 있는 코드다.

유튜브 반응형 자바스크립트 소스.txt

0.00MB