비

게시글 유튜브 영상에 반응형 가로 100% 쉽게 주기

보통 게시글의 본문을 감싸고 있는 div 의 id 가 bo_v_con 이므로.

 

view.skin.php 의 본문 하단 적당위치에 아래의 스크립트를 추가해 줍니다.

 

[code]

<script>
function ytSize() {
    for (ytIframe of bo_v_con.getElementsByTagName("iframe")) {
        if (ytIframe.src.indexOf("youtube.com/embed") > -1) {
            ytIframe.style.width = "100%";
            ytIframe.style.height = ytIframe.offsetWidth * 9 / 16 + "px";
        }
    }
}
ytSize();
addEventListener("resize", ytSize);
</script>

[/code]

|

댓글 10개

비타주리님 자료 모두다 정말 좋아요.
@들레아빠 감사합니다
좋은 자료 감사합니다~
비타주리님 자료 보면 종종 유료로 손색 없는 자료도 있는데
공개 소스로 제공해주셔서 늘 감사하게 잘 사용하고 있습니다
제공해주시는 자료마다 제가 아주 목마른 자료라서
귀하게 사용하고 있습니다~ 추천 꾹~ 누르고 갑니다~^^
@유진아버지 늘 고운 댓글 주셔서 감사합니다.
좋은자료 감사합니다~
@상냥한까마 감사합니다
유용한 정보 감사합니다.
@브러운아이 감사합니다
@써맨 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
22-10-04 조회 8,361
22-09-28 조회 7,590
22-09-28 조회 6,663
22-09-27 조회 1.1만
22-09-17 조회 8,029
22-09-15 조회 8,436
22-09-15 조회 6,566
22-09-08 조회 7,675
22-09-07 조회 7,599
22-09-05 조회 7,015
22-09-04 조회 6,971
22-09-02 조회 6,531
22-09-01 조회 7,052
22-08-29 조회 8,782
22-08-29 조회 7,856
22-08-24 조회 6,241
22-08-12 조회 7,234
22-08-04 조회 8,469
22-08-01 조회 7,415
22-07-30 조회 6,678
22-07-30 조회 6,339
22-07-28 조회 6,776
22-07-27 조회 7,922
22-07-25 조회 7,670
22-07-19 조회 7,844
22-07-08 조회 7,545
22-07-06 조회 7,609
22-07-06 조회 8,400
22-07-05 조회 7,934
22-07-05 조회 8,050