document.addEventListener("DOMContentLoaded", function() {
    videocont = 0;
    playersv = [];

    function vimeoadap() {
        wh = window.innerHeight;
        ww = window.innerWidth;
        if (wh * 16 / 9 > ww) {
            needW = '0px';
            needH = '100%';
            vimeopadding = (100 * wh / (ww * 9 / 16)) + '%';
            vimeoleft = (-100 * ((wh / (ww * 9 / 16)) - 1) / 2) + '%';
            document.querySelectorAll('#vimeoplayer33 .videocont2').forEach(function(el){
                el.style.left = vimeoleft;
                el.style.height = needH;
                el.style.width = needW;
                el.style.paddingBottom = '0%';
                el.style.paddingLeft = vimeopadding;
            });
        } else {
            needW = '100%';
            needH = '0px';
            vimeopadding = '56.25%';
            vimeopadding_sqr = '100%';
            document.querySelectorAll('#vimeoplayer33 .videocont2').forEach(function(el){
                el.style.left = 0;
                el.style.height = needH;
                el.style.width = needW;
                el.style.paddingBottom = vimeopadding;
                el.style.paddingLeft = '0%';
            });
        }

    }

    function vico_visible(el) {
        let rect = el.getBoundingClientRect();
        let viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
        return (!(rect.bottom < 0 || rect.top - (viewHeight*1) >= 0)) && (rect.top + rect.height + rect.bottom + rect.x + rect.y + rect.width > 0);
    }

    if(document.querySelector('.videocont_init')){


        function vico_crowd_check(){
            document.querySelectorAll('.videocont_init').forEach(function(el){
                if(vico_visible(el)){
                    el.classList.remove('videocont_init');
                    let vimeo_cont
                    if(el.classList.contains('videocont')){
                        vimeo_cont = document.createRange().createContextualFragment('<div class="videocont3"><div class="videocont2" data-num="' + videocont + '" id="vimeonew' + videocont + '"></div></div>');
                    }else{
                        vimeo_cont = document.createRange().createContextualFragment('<div class="videocont2" data-num="' + videocont + '" id="vimeonew' + videocont + '"></div>');
                    }

                    el.append(vimeo_cont);

                    videoStatus = 'false';
                    let options = {
                        id: el.getAttribute('data-video'),
                        title: 0,
                        byline: 0,
                        portrait: 0,
                        loop: 1,
                        autoplay: 1,
                        muted: 1,
                        badge: 0,
                        background: 1,
                        autopause: 0,
                        quality_selector: 1,
                        player_id: 0
                    };
                    madeplayer = new Vimeo.Player('vimeonew' + videocont, options);
                    playersv.push(madeplayer);


                    videocont++;
                    vimeoadap();

                }
            });
        }
        vico_crowd_check();

        document.addEventListener("scroll", vico_crowd_check, {passive: true});

        document.addEventListener("resize", vico_crowd_check, {passive: true});
    }


    if(document.querySelector('.videocont_init_slider') || document.querySelector('.side_vimeo')){

        function vico_crowd_check_sl(){
            document.querySelectorAll('.videocont_init_slider').forEach(function(el){
                if(vico_visible(el)){
                    el.classList.remove('videocont_init_slider');
                    let vimeo_cont = document.createRange().createContextualFragment('<div class="home_video_sqr"><div class="videocont2" data-num="' + videocont + '" id="vimeoslider' + videocont + '"></div></div>');
                    el.append(vimeo_cont);

                    videoStatus = 'false';
                    let options = {
                        id: el.getAttribute('data-video'),
                        title: 0,
                        byline: 0,
                        portrait: 0,
                        loop: 1,
                        autoplay: 1,
                        muted: 1,
                        badge: 0,
                        background: 1,
                        autopause: 0,
                        quality_selector: 1,
                        player_id: 0
                    };
                    madeplayer = new Vimeo.Player('vimeoslider' + videocont, options);
                    playersv.push(madeplayer);


                    videocont++;
                    vimeoadap();

                }
            });
        }
        document.addEventListener("checkvimeo", vico_crowd_check_sl, {passive: true});
    }




    vimeoadap();
    window.addEventListener('resize', () => {
        if (document.querySelector('.videocont2')) {
            vimeoadap();
        }
    });



});
