케빈엉클

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

· 12개월 전 · 749 · 1

[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개월 전 조회 802
11개월 전 조회 936
11개월 전 조회 1,078
11개월 전 조회 688
11개월 전 조회 811
11개월 전 조회 1,181
11개월 전 조회 773
11개월 전 조회 931
11개월 전 조회 967
11개월 전 조회 991
11개월 전 조회 628
12개월 전 조회 1,037
12개월 전 조회 831
12개월 전 조회 679
12개월 전 조회 750
12개월 전 조회 727
1년 전 조회 835
1년 전 조회 784
1년 전 조회 704
1년 전 조회 796
1년 전 조회 890
1년 전 조회 796
1년 전 조회 763
1년 전 조회 1,328
1년 전 조회 712
1년 전 조회 1,297
1년 전 조회 850
1년 전 조회 699
1년 전 조회 804
1년 전 조회 825