유튜브 쇼츠용으로 사용하기"/> 데브이님의 "유튜브 위젯 1.1" > 유튜브 쇼츠용으로 사용하기 > 팁과노하우 | 그누보드 리빌더

팁과노하우

2025.12.16 19:43

데브이님의 "유튜브 위젯 1.1" > 유튜브 쇼츠용으로 사용하기

안녕하세요?

데브이님의
https://rebuilder.co.kr/hub/659

  • 유튜브 위젯 1.1 > 콘텐츠 허브 | 그누보드 리빌더

    웹사이트 부터 쇼핑몰, 그리고 플랫폼 까지! 가볍게 만들고 묵직하게 확장하는 그누보드 리빌더

    https://rebuilder.co.kr/hub/659
    • 를 유튜브 쇼츠용으로 스타일만 변경하였습니다.

    해당 위젯 소스서 스타일 부분만 아래로 대체 하심 되겠습니다.
    모바일+PC 알아서 좌우상하 사이즈 조절되서 나옵니다.

    <style>
.youtube-widget {
    position: relative;
    width: 100%;            /* PC / 모바일 가로 100% */
    max-width: 100%;
    aspect-ratio: 9 / 16;   /* 쇼츠 비율 유지 */
    background: #000;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .youtube-widget {
        max-width: 100%;    /* PC에서도 가로 100% 유지 */
        margin: 0 auto;
    }
}

.youtube-widget iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
</style>


    • 공유링크 복사
      미니홈 쪽지 구독하기
      구독하고 알림받기