$require(['swiper'], function () {
    const timePlay = 5000;
    $('.videoBanner img').removeAttr('title');

    var videoBanner = new Swiper('.videoBanner', {
        // loop: true,
        speed: 2000,
        simulateTouch: false,
        observer: true,
        observeParents: true,
        observeSlideChildren: true,
        effect: 'fade',
        fadeEffect: {
            crossFade: true,
        },
        on: {
            init: function () {
                // 定时器清除
                clearTimeout(this.videoTimer);
                var sThis = this;
                let firstVideo = $('[data-silde="0"]').find('video');
                $(firstVideo[0]).attr('playsinline', 'true');
                $(firstVideo[0]).attr('webkit-playsinline', 'true');
                setTimeout(function(){
                    var playButton = $('.videoContent').find('.videoContent .plyr__controls__item.plyr__control[data-plyr="play"]')
                    playButton.trigger('click');
                },1000)
                
                //判断video存在且在微信中
                if (firstVideo.length > 0 && isWeixin()) {
                    var u = navigator.userAgent;
                    //判断android
                    if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
                        document.addEventListener('touchstart', function () {
                            firstVideo[0].play()
                        })
                        //判断iphone
                    } else if (u.indexOf('iPhone') > -1) {
                        document.addEventListener('WeixinJSBridgeReady', function () {
                            firstVideo[0].play()
                        })
                    }
                } else {
                    firstVideo[0].play();
                }

                firstVideo[0].addEventListener('ended', function () {
                    sThis.videoTimer = setTimeout(function () {
                        videoBanner.slideNext();
                    }, timePlay);
                });
            },
            slideChangeTransitionStart: function () {
                // 定时器清除
                clearTimeout(this.videoTimer);
                var sThis = this;
                var activeSlide = this.slides[this.activeIndex];
                var videoElement = $(activeSlide).find('video')[0];
                var playButton = $(activeSlide).find('.videoContent .plyr__controls__item.plyr__control[data-plyr="play"]')
                if (videoElement && videoElement.paused) {
                    sThis.videoTimer = setTimeout(function () {
                        videoBanner.slideNext();
                    }, timePlay);
                }
                if (!videoElement) {
                    sThis.videoTimer = setTimeout(function () {
                        videoBanner.slideNext();
                    }, timePlay);
                }

                playButton.click(function () {
                    clearTimeout(sThis.videoTimer);
                    videoElement.addEventListener('ended', function () {
                        sThis.videoTimer = setTimeout(function () {
                            videoBanner.slideNext();
                        }, timePlay);
                    });
                    if (videoElement.paused) {
                        sThis.videoTimer = setTimeout(function () {
                            videoBanner.slideNext();
                        }, timePlay);
                    }
                })
            }
        },
    });

    $('.p_btn_prev').click(function () {
        let c = $('.p_slide').length - 1;
        let isfirst = $('.swiper-slide-active').data('silde') == '0';

        $('[data-silde]').each(function () {
            let v = $(this).find('video')[0];
            if (v) {
                v.pause();
            }
        });

        if (isfirst) {
            videoBanner.slideTo(c, 1000, false);
        } else {
            videoBanner.slidePrev();
        }
    })
    $('.p_btn_next').click(function () {
        let c = $('.p_slide').length - 1;
        let islast = $('.swiper-slide-active').data('silde') == c;

        $('[data-silde]').each(function () {
            let v = $(this).find('video')[0];
            if (v) {
                v.pause();
            }
        });

        if (islast) {
            videoBanner.slideTo(0, 1000, false);
        } else {
            videoBanner.slideNext();
        }
    })

    $('.videoBanner video').each(function () {
        let img = $(this).closest('.p_video').find('.p_videoPoster img').attr('src');
        $(this).attr('poster', img);
        const player = new Plyr(this, {
            muted: true,
        });
    });
});