var CoviEmbedHtml =
    '<div class="covi_player-container">' +
    '  <div class="covi_player-cover">' +
    '    <video class="covi_player" playsinline webkit-playsinline autoplay="autoplay"></video>' +
    '  </div>' +
    '  <a href="javascript:coviClickLandingButton();">' +
    '    <div class="covi_playback2"></div>' +
    '  </a>' +
    '  <button class="covi_playback_playpause">' +
    '    <img class="covi_playback_play-img">' +
    '    <img class="covi_playback_pause-img">' +
    '  </button>' +
    '  <button class="covi_playback_muteunmute">' +
    '    <img class="covi_playback_mute-img"><img class="covi_playback_unmute-img">' +
    '  </button>' +
    '  <div class="covi_player_endscreen-container">' +
    // '    <a href="javascript:coviClickLandingButton();">' +
    '      <img class="covi_player_endscreen-img">' +
    // '    </a>' +
    '    <button class="covi_playback_replay"><img class="covi_playback_replay-img"></button>' +
    '    <button class="covi_landing_in_player" onclick="coviClickLandingButton();">더알아보기</button>' +
    '  </div>' +
    '  <button class="covi_playback_bi">' +
    '    <img class="covi_playback_bi-img">' +
    '  </button>' +
    '</div>' +
    '<div class="item-body">' +
    '  <strong class="title esDouble covi_title"></strong>' +
    '</div>' +
    //  '<div class="covi_adidentity-container">' +
    //  '<button class="covi_playback_adclose">' +
    //  "<span>X</span>" +
    //  "</button>" +
    //  '<p class="covi_adidentity"></p>' +
    //  "</div>" +
    '';

var CoviNativeItemsMapping = {
    title: 'covi_title',
    //  "+ad_identity": {
    //    "native-element": "covi_adidentity",
    //    value: "AD",
    //  },
};

var CoviNativeElements = {
    covi_player: {
        className: 'covi_player',
    },
    covi_playback: {
        className: 'covi_playback',
    },
    covi_playback_muteunmute: {
        className: 'covi_playback_muteunmute',
        eventFunc: 'onMuteUnmute',
    },
    'covi_playback_mute-img': {
        className: 'covi_playback_mute-img',
        src: 'mute_30x29.png',
    },
    'covi_playback_unmute-img': {
        className: 'covi_playback_unmute-img',
        src: 'unmute_28x28.png',
    },
    covi_playback_seek: {
        className: 'covi_playback_seek',
        eventFunc: 'onSeek',
    },
    covi_playback_currenttime: {
        className: 'covi_playback_currenttime',
    },
    covi_playback_durationtime: {
        className: 'covi_playback_durationtime',
    },
    covi_playback_adclose: {
        className: 'covi_playback_adclose',
        eventFunc: 'onAdClose',
    },
    'covi_adidentity-container': {
        className: 'covi_adidentity-container',
    },
    covi_title: {
        type: 'p',
        className: 'covi_title',
    },
    //  covi_adidentity: {
    //    type: "p",
    //    className: "covi_adidentity",
    //  },

    covi_playback_bi: {
        className: 'covi_playback_bi',
        eventFunc: 'onCoviBi',
    },
    'covi_playback_bi-img': {
        className: 'covi_playback_bi-img',
        src: 'covi_bi.svg',
    },
    covi_playback_replay: {
        className: 'covi_playback_replay',
        eventFunc: 'onReplay',
    },
    'covi_playback_replay-img': {
        className: 'covi_playback_replay-img',
        src: 'replay_72x72.png',
    },
    covi_playback_playpause: {
        className: 'covi_playback_playpause',
        eventFunc: 'onPlayPause',
    },
    'covi_playback_play-img': {
        className: 'covi_playback_play-img',
        src: 'play_72x72.png',
    },
    'covi_playback_pause-img': {
        className: 'covi_playback_pause-img',
        src: 'pause_72x72.png',
    },
};

var CoviIndex = 0;
var CoviPlayers = new Array();

function createCoviMain() {
    var coviElem = document.getElementsByClassName('covi')[CoviIndex];

    if (!coviElem) {
        return;
    }

    coviElem.setAttribute('covi-index', CoviIndex);

    var coviOpts = {
        containerClassName: 'covi,' + CoviIndex,
        style: 'yonhapnewstv_m',
        type: 'prod',
        pcode: 'yonhapnewstv',
        category: 'news_yonhap',
        platform: 'mobile_web',
        videoPlayType: 'autoplay',
        gender: '',
        age: '',
        idx: CoviIndex,
        rootElem: coviElem,
        // certVendor: 'ias',
    };

    var coviEventHandler = function (event) {
        switch (event) {
            case 'PLAYER_VIDEO_PLAY':
                break;

            case 'PLAYER_VIDEO_PAUSE':
                break;

            case 'PLAYER_VIDEO_ENDED':
                break;

            case 'PLAYER_NO_ADS':
                console.log('[covi] no ads');
                coviElem.style.display = 'block';
                coviElem.style.textAlign = 'center';
                coviElem.style.width = '100%';
                // coviElem.style.height = '100%';
                // coviElem.style.backgroundColor = "#ffffff";
                break;
        }
    };

    var coviplayer = new CoviPlayer(coviOpts, coviEventHandler);
    coviplayer.run();

    CoviPlayers[CoviIndex] = coviplayer;

    ++CoviIndex;
}

function coviClickLandingButton(coviIndex) {
    var coviplayer = CoviPlayers[coviIndex];
    if (coviplayer) {
        var landingUrl;
        coviplayer.onClickLandingButton(function (url) {
            landingUrl = url;
        }, true);

        var timer = window.setInterval(function () {
            if (landingUrl !== 'undefined') {
                window.clearInterval(timer);

                var coviPopup = window.open(landingUrl, '_blank');
            }
        }, 200);
    }
}

function createCovi() {
    window.setTimeout(function () {
        createCoviMain();
    }, 500);
}

function checkCoviTag() {
    var elem = document.querySelector('.covi');

    if (elem) {
        createCovi();
    }
}

function coviAdClose() {
    var coviElem = document.getElementsByClassName('covi')[0];

    if (!coviElem) {
        return;
    }

    var parent = coviElem.parentElement;
    parent.removeChild(coviElem);
}

checkCoviTag();