유튜브 스크롤이 되지 않습니다 채택완료

</p>

<p><div class="section" id="section5">

    <div style="width: 100%;height: 100%;">

    <iframe id="video" width="100%" height="100%" src="<a href="https://www.youtube.com/embed/ㅇㅇㅇ"" target="_blank" rel="noopener noreferrer">https://www.youtube.com/embed/ㅇㅇㅇ"</a> frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

    </div>

    <div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:1;" id="play-video"></div>

</div></p>

<p><script>

$('#play-video').on('click', function() {

    

    $(this).toggleClass("on");

    if($(this).hasClass("on")){            

        $("#video")[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}','*');

        //$(this).css("z-index","1");

    }else{            

        $("#video")[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}','*');

        //$(this).css("z-index","-1");

    }</p>

<p>});

</script></p>

<p>