유튜브 작게 띄우기 > 그누보드5 팁자료실

그누보드5 팁자료실

유튜브 작게 띄우기 정보

유튜브 작게 띄우기

본문

작동예시 이미지 (별도 css를 이용하셔야 아래처럼 됩니다)

981314810_1545458597.6124.png

 

 

띄우고 싶은곳에

        <div class="wrapper">
    <div class="popup">
        <iframe width="100%" frameborder="0" src="">
            <p>Your browser does not support iframes.</p>
        </iframe><br>
<a href="javascript:void(0)" class="close">Close</a><br>
    </div>
</div>

js 반드시 jquery 아래에 위치해야합니다.

<script>
$(document).ready(function () {
    $(".popup").hide();
    $(".openpop").click(function (e) {
        e.preventDefault();
        $("iframe").attr("src", $(this).attr('href'));
        $(".links").fadeOut('slow');
        $(".popup").fadeIn('slow');
    });
    $(".close").click(function () {
        $(this).parent().fadeOut("slow");
        $(".links").fadeIn("slow");
    });
});
</script>

버튼

<a class="openpop" href="https://www.youtube-nocookie.com/embed/" allowfullscreen="1">Music 1</a>

별도로 css를 이용해서 꾸며주셔야 합니다.

 

포인트 획득 목적 댓글 사양합니다

추천1
스폰서링크

댓글 전체

전체 1,467 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

진행중 포인트경매

  1. 스타벅스 e-Gift Card (100,000원)

    참여92 회 시작19.08.16 09:15 종료19.08.23 21:15
  2. 댓글 이미지 첨부 게시판

    참여30 회 시작19.08.14 23:33 종료19.08.21 23:33

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT