본문 바로가기

M-media/WEB Dedign

반응형 유튜브소스 넣기


사이트전체에 반영하려면 제이큐리 같은 스크립트 언어를 적용해야 하지만

복잡한거 다 접어두고 그냥 소스 하나 저장해두고 유튜브영상 주소만 바꿔서 HTML 소스 넣기로 게시 하시면 끝납니다. 


    <style>

      .youtubeWrap {

        position: relative;

        width: 100%;

        padding-bottom: 56.25%;

      }

      .youtubeWrap iframe {

        position: absolute;

        width: 100%;

        height: 100%;

      }

    </style>


    <div class="youtubeWrap">

<iframe width="560" height="315" src="https://www.youtube.com/embed/FGS5fgKMwxY" frameborder="0" allowfullscreen></iframe>

    </div>


이소스를 메모장에 하나 저장해두고
빨간글씨 부분만 유튜브소스에서 복사한 다음 저 소스에 붙어 넣고 전부 선택하고
게시물에 HTML 소스로 넣으면 적용 됩니다.