유튜브/비메오 비디오 반응형으로 만들기 (at view.skin.php) > 그누보드5 팁자료실

그누보드5 팁자료실

유튜브/비메오 비디오 반응형으로 만들기 (at view.skin.php) 정보

유튜브/비메오 비디오 반응형으로 만들기 (at view.skin.php)

본문


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

 

이 code를 view.skin.php의 <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>

라인 밑에 넣어주시면 

youtube든 vimeo든 다 화면에 꽉 차게 보실수 있습니다.

vimeo에 대한 새로운 정보가 그누에선 부족한거 같아 올립니다.

사실 list.skin.php에도 넣을수도 있습니다.

추천
4

댓글 1개

전체 2,675 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT