케빈엉클

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

[code]

<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]

 

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

라인 밑에 넣어주시면 

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

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

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

|

댓글 1개

추천 합니다.

댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
11개월 전 조회 810
11개월 전 조회 943
11개월 전 조회 1,092
11개월 전 조회 698
11개월 전 조회 816
11개월 전 조회 1,190
11개월 전 조회 782
11개월 전 조회 946
11개월 전 조회 980
12개월 전 조회 1,002
12개월 전 조회 632
1년 전 조회 1,046
1년 전 조회 836
1년 전 조회 685
1년 전 조회 753
1년 전 조회 734
1년 전 조회 843
1년 전 조회 793
1년 전 조회 709
1년 전 조회 806
1년 전 조회 896
1년 전 조회 806
1년 전 조회 771
1년 전 조회 1,334
1년 전 조회 719
1년 전 조회 1,308
1년 전 조회 859
1년 전 조회 708
1년 전 조회 812
1년 전 조회 835