<script src="https://l24wiget-v1.web.app/live24Code.js"></script>


<div id="liveStateBig"></div>

<div class="container p-3">

   <div class="mt-5 mb-5">
       <div id="l24TraInline"></div>
   </div>

    <div class="mt-5 mb-5">
        <div id="l24vod"></div>
    </div>

</div>
/* 기본스타일 */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img {
    margin: 0;
    padding: 0;
}


a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}
l24App.ready('nacf1929'); // 라이브24 아이디 , 카페24회원이면 카페24 대표 아이디

//라이브 상태 가져오기
l24App.liveStateBig('liveStateBig',{
  backgroundColor: '#B90922', //배경색
  textColor: '#fff', //텍스트색
  state: 'live,vod', //라이브 (live) , VOD (vod) , 라이브예고 (trailer)  중 필요한것만 추가 // 기본 : live,vod,trailer
});

//라이브 시작 알림 배너 실행
l24App.trailerInline('l24TraInline');

//라이브 시작 알림 배너 실행
l24App.vodCardList('l24vod',{
  title:'라이브24 VOD',
  limit:18,
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.