메뉴 건너뛰기

조회 수 37 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

적용 스킨의 view.php상단에 넣어주시면 됩니다.

 

적응형 홈페이지에서 유튜브 반응형으로

<script type="text/javascript">

$(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");} }); }

</script>

 

반응형 홈페이지에서 유튜브 반응형으로

<script>

onresize = function() {

    for (yt of bo_v_con.getElementsByTagName("iframe")) {

        yt.style.width = "100%";

        yt.style.height = yt.offsetWidth * 9 / 16 + "px";

    }

}

onresize();

</script>

 

pc에서나 모바일에서 화면에 꽉차게 유튜브 영상이 출력됩니다.

유튜브 영상을 <iframe으로 공유했을때 적용됩니다.


  1. No Image 09Apr
    by
    2024/04/09 Views 40 

    sql 바인딩 그누보드에서 해보기

  2. No Image 09Apr
    by
    2024/04/09 Views 46 

    홈페이지를 특정 IP 일때 다른 페이지로 연결하기

  3. No Image 09Apr
    by
    2024/04/09 Views 43 

    페이지 하단 커스텀 플레이어

  4. No Image 09Apr
    by 조쉬
    2024/04/09 Views 37 

    유튜브 반응형 만들기

  5. No Image 09Apr
    by
    2024/04/09 Views 60 

    엑셀파일 읽어서 바로 DB에 업로드하기

  6. 회원 가입 페이지에서 랜덤 닉네임 보여주기

  7. 게시물 관리 기능을 업데이트

  8. No Image 09Apr
    by
    2024/04/09 Views 47 

    날짜및 시간 선택 jquery 라이브러리

  9. No Image 16May
    by
    2023/05/16 Views 179 

    mysql concat 날짜와 시간을 문자열로 합치기 시간의 크기 비교

  10. No Image 05Jan
    by
    2023/01/05 Views 130 

    회원가입 못하게

  11. 그누보드 이력서 스킨

  12. fullcalendar 달력 게시판 스킨

  13. No Image 24Mar
    by
    2021/03/24 Views 332 

    그누보드 카카오톡 로그인 V2 플러그인

  14. No Image 24Mar
    by
    2021/03/24 Views 190 

    회원 등급(권한)에 따라서 다른 메시지 보이기

  15. '정상적으로 로그인하여 접근하시기 바랍니다.' 해결 방법

  16. No Image 13Dec
    by
    2019/12/13 Views 1288 

    링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X)

  17. 회원 목록을 select 로 불러와서 선택시 input 에 집어넣기

  18. No Image 13Dec
    by
    2019/12/13 Views 547 

    네이버 밴드 글 가져오기

  19. No Image 13Dec
    by
    2019/12/13 Views 370 

    카운트다운 스크립트

  20. No Image 13Dec
    by
    2019/12/13 Views 374 

    이름 마지막 한자리 별표 처리

Board Pagination Prev 1 2 3 4 Next
/ 4

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved