유튜브 동영상 반응형(모바일 대응) 만들기
TiP114
그누보드
0
4,274
2020.05.12 14:09
유튜브 영상이 있는곳에 하단의 스크립트를 복붙하면 됩니다.
게시판 view.skin.php 에도 가능하고, 영카트 상품뷰 item.form.skin.php 에도 가능합니다.
$(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");} }); }