$(".thirty-play-btn").click(function () {
    $(".video-container").show();
    if ($("video.active").length > 0) {
        $("video.active")[0].pause();
        $("video.active")[0].load();
        $("video.active").siblings(".video-play-btn").show();
        $("video.active").removeClass("active");
    }
    $(".video-container video")[0].play();
})
$(".close-btn").click(function () {
    $(".video-container video")[0].pause();
    $(".video-container").hide();
});
var swiper1 = new Swiper(".swiper1", {
    effect: 'fade',
    speed: 1000,
});
var swiper2 = new Swiper(".swiper2", {
    effect: 'fade',
    speed: 1000,
});
var swiper3 = new Swiper(".swiper3", {
    effect: 'fade',
    speed: 1000,
});
var swiper4 = new Swiper(".swiper4", {
    effect: 'fade',
    speed: 1000,
    loop: true,
    autoplay: {
        delay: 3000,
        disableOnInteraction: false,
    },
});
$(".video").each(function () {
    $(this).find(".video-play-btn").click(function () {
        if ($("video.active").length > 0) {
            $("video.active")[0].pause();
            $("video.active")[0].load();
            $("video.active").siblings(".video-play-btn").show();
            $("video.active").siblings(".video-pause-btn").hide();
            $("video.active").removeClass("active");
        }
        $(this).siblings("video")[0].play();
        $(this).siblings("video").addClass("active");
        $(this).hide();
        $(this).siblings(".video-pause-btn").show();
    });
    $(this).find(".video-pause-btn").click(function () {
        $(this).siblings("video")[0].pause();
        $(this).hide();
        $(this).siblings(".video-play-btn").show();
    })
});
$(".video video").bind('ended', function () {
    $(this).siblings(".video-play-btn").show();
    $(this).siblings(".video-pause-btn").hide();
    $("video.active")[0].load();
    $("video.active").removeClass("active");
});
$(".more-video").click(function () {
    $(".video-container").show();
    if ($("video.active").length > 0) {
        $("video.active")[0].pause();
        $("video.active")[0].load();
        $("video.active").siblings(".video-play-btn").show();
        $("video.active").removeClass("active");
    }
    $(".video-container video")[0].play();
})
$(".close-btn").click(function () {
    $(".video-container video")[0].pause();
    $(".video-container").hide();
});
$(".item-type span").click(function () {
    var swiperIndex = $(this).parent().attr("data-index");
    $(this).addClass("active").siblings().removeClass("active");
    var index = $(this).index(".item-type[data-index=" + swiperIndex + "] span");
    if (swiperIndex == 1) {
        swiper1.slideTo(index)
    } else if (swiperIndex == 2) {
        swiper2.slideTo(index)
    } else if (swiperIndex == 3) {
        swiper3.slideTo(index)
    }

})
mySwiper = new Swiper('.product-wrap .swiper-container', {
    watchSlidesProgress: true,
    slidesPerView: 'auto',
    centeredSlides: true,
    grabCursor: true,
    loop: true,
    loopedSlides: 3,
    autoplay: {
        delay: 5000,
        disableOnInteraction: false,
    },
    on: {
        progress: function (progress) {
            for (i = 0; i < this.slides.length; i++) {
                var slide = this.slides.eq(i);
                var slideProgress = this.slides[i].progress;
                modify = 1;
                if (Math.abs(slideProgress) > 1) {
                    modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
                }
                translate = slideProgress * modify * 28 + '%';
                scale = 1 - Math.abs(slideProgress) / 5;
                zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
                slide.transform('translateX(' + translate + ') scale(' + scale + ')');
                slide.css('zIndex', zIndex);
                slide.css('opacity', 1);
                if (Math.abs(slideProgress) > 3) {
                    slide.css('opacity', 0);
                }
            }
        },
        setTransition: function (transition) {
            for (var i = 0; i < this.slides.length; i++) {
                var slide = this.slides.eq(i)
                slide.transition(transition);
            }

        }
    }

})
mySwiper.el.onmouseover = function () {
    mySwiper.autoplay.stop();
}

//鼠标离开开始自动切换
mySwiper.el.onmouseout = function () {
    mySwiper.autoplay.start();
}