/*! 2024. 5. 30. 오후 4:07:59 */
/******/ (() => { // webpackBootstrap
    var __webpack_exports__ = {};
    const { actions } = ShopbySkin;
    
    (() => {
        const bannerId = document.currentScript.getAttribute('shopby-banner-id');
    
        if (bannerId) {
            actions?.getBannerById?.({ bannerId });

            /* 240614 서주원 - 유튜브 플레이어 */
            const mainYtbPlayer = {
                player: null,
                playButton: null,
                initiate() {
                    var tag = document.createElement('script');
                    tag.src = "https://www.youtube.com/iframe_api";
                    var firstScriptTag = document.getElementsByTagName('script')[0];
                    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
                },
                onYouTubeIframeAPIReady() {
                    let landingUrl = new URL($(".btn_frame").data("youtube-id"));
                    let videoId = landingUrl.pathname.replace('/', '');
                    if(videoId === 'watch'){
                        let searchParams = landingUrl.searchParams;
                        videoId = searchParams.get('v');
                    }
                    this.player = new YT.Player('ytplayer', {
                        height: '541',
                        width: '840',
                        videoId: videoId,
                        playerVars:{
                            'modestbranding': 1, //유튜브 로고 컨트롤바 표시 여부
                            'autoplay' : 0, //자동재생
                            'controls' : 1, //컨트롤러의 유무
                            'showinfo' : 0, //재생영상에 대한 정보 유무
                            'rel': 0, //해당 영상이 종류 된 후, 관련 동영상을 표시할지의 여부
                            'loop': 0, //반복 재생의 여부
                            //'playlist': '7kO7WRac1p8' 
                        },
                        events: {
                            onReady: this.onPlayerReady.bind(this),
                            onStateChange: this.onPlayerStateChange.bind(this),
                        }
                    });
                },
                onPlayerReady(event) {
                    this.playButton = document.getElementById('btnPlay');
                    this.playButton.addEventListener('click', () => {
                        this.player.playVideo();
                    });
                },
                onPlayerStateChange(event) {
                    if (event.data == YT.PlayerState.PLAYING) {
                        $(".btn_frame").fadeOut('fast');
                    } else if (event.data == YT.PlayerState.PAUSED || event.data == YT.PlayerState.ENDED) {
                        $(".btn_frame").fadeIn('fast');
                    }
                },
            };
    
            // 전역 함수로 정의
            window.onYouTubeIframeAPIReady = function() {
                mainYtbPlayer.onYouTubeIframeAPIReady();
            };
    
            // 초기화 호출
            mainYtbPlayer.initiate();
            /* 240614 서주원 - 유튜브 플레이어 끝 */
        }
    })();
    
    /******/ })()
    ;
    
// 유튜브 API가 준비되면 shopby.home.youtube.onYouTubeIframeAPIReady()를 호출합니다.
function onYouTubeIframeAPIReady() {
    shopby.home.youtube.onYouTubeIframeAPIReady();
  }