케빈엉클

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

· 11개월 전 · 662 · 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 팁자료실

+
제목 글쓴이 날짜 조회
10개월 전 조회 710
10개월 전 조회 842
10개월 전 조회 984
10개월 전 조회 600
10개월 전 조회 731
10개월 전 조회 1,078
11개월 전 조회 695
11개월 전 조회 783
11개월 전 조회 878
11개월 전 조회 887
11개월 전 조회 548
11개월 전 조회 946
11개월 전 조회 747
11개월 전 조회 607
11개월 전 조회 663
11개월 전 조회 622
11개월 전 조회 744
11개월 전 조회 695
11개월 전 조회 609
11개월 전 조회 725
11개월 전 조회 804
11개월 전 조회 722
11개월 전 조회 679
11개월 전 조회 1,222
11개월 전 조회 649
12개월 전 조회 1,188
12개월 전 조회 756
12개월 전 조회 618
12개월 전 조회 722
1년 전 조회 754