l1024-jav/src/main/resources/static/js/my-video.js

$(function () {
    initOther();
    search(1, true, false);
});

/**
 * 初始化其他操作
 */
function initOther() {
    $(".slideDown-btn").click(function () {
        var display = $('.slideDown-box');
        if (display.css('display') == 'block') {
            display.slideUp("slow");
            $(this).html('展开  <i class="fa fa-angle-down"></i>');
        } else {
            display.slideDown("slow");
            $(this).html('收起   <i class="fa fa-angle-up"></i>');
        }
    });

    $("#searchbutton").click(function () {
        search(1, false, false);
    });
    $("#shaixuan").click(function () {
        $("#wd").val("");

        search(1, false, false);
    });
    $("#wd").keydown(function (e) {
        if (e.keyCode == 13) {
            search(1, false, false);
        }
    });
    $(".dropdown-box").find("li").click(function () {
        $("#bigType").text($(this).text());
        $("#bigType").attr("prepath", $(this).attr("prepath"));
        $(".dropdown-box").attr("style", "display: none;");

        getQueryHeaderInfo($("#bigType").text(), false, true);
        search(1, false, true);
    });
    $(".dropdown-hover").mouseover(function () {
        $(".dropdown-box").attr("style", "display: block;");
    });
    $(".dropdown-hover").mouseout(function () {
        $(".dropdown-box").attr("style", "display: none;");
    });
    $(".clearAll").click(function () {
        $("#playvideo").find("video").attr("src", "");
        $("#bigpreview").find("img").attr("src", "");
        $("#playvideo").css("display", "none");
        $("#bigpreview").css("display", "none");
    });
}

/**
 * 多条件搜索
 * @param pageNo
 */
function search(pageNo, startFlag, searchSelectFlag) {
    var genres = "";
    var cast = "";
    var keyword = "";
    if (searchSelectFlag) {
        $("#wd").val("");
    }
    if (!startFlag) {
        genres = $(".leixingul").find(".btn-warm").text().replace("全部", "");
        cast = $(".yanyuanul").find(".btn-warm").text().replace("全部", "");
        keyword = $("#wd").val();
    }

    var orderField = $(".paixuul").find(".btn-warm").attr("orderField");
    var order = $(".paixuul").find(".btn-warm").attr("order");
    var bigType = $("#bigType").text();
    var prepath = $("#bigType").attr("prepath");

    if (searchSelectFlag) {
        genres = "";
        cast = "";
        orderField = "vi.issue_date";
        order = "desc";
    }

    $.ajax({
        url: "videoInfo/getVideoInfoPage", //请求的url地址
        dataType: "json", //返回格式为json
        data: JSON.stringify({
            "pageNo": pageNo,
            "pageSize": 10,
            "genres": genres,
            "cast": cast,
            "orderField": orderField,
            "order": order,
            "keyword": keyword,
            "bigType": bigType
        }), //参数值
        type: "post", //请求方式
        contentType: "application/json;charset=utf-8",
        async: true, //请求是否异步，默认为异步，这也是ajax重要特性
        success: function (data) {
            //请求成功时处理
            if (data != null && $.trim(data) != "" && data.success) {
                if (startFlag) {
                    getQueryHeaderInfo($("#bigType").text(), startFlag, false);
                }

                data = data.data;
                var videoInfoList = data.list;
                var str = "";
                for (var i = 0; i < videoInfoList.length; i++) {
                    var videoInfo = videoInfoList[i];

                    var date = videoInfo.issueDate;
                    if (orderField == 'vi.modify_time') {
                        date = videoInfo.modifyTime;
                    }

                    var scoreStr = '';
                    if (bigType == '骑兵') {
                        scoreStr += videoInfo.resolutionRatio + '|';
                        scoreStr += (videoInfo.original === null ? '?' : (videoInfo.original == 1 ? '原档' : '非原档')) + '|';
                        scoreStr += (videoInfo.subtitle === null ? '?' : (videoInfo.subtitle == 1 ? '字幕' : '无字幕')) + '|';
                        scoreStr += (videoInfo.recoding === null ? '?' : (videoInfo.recoding == 1 ? '压缩' : '未压缩')) + '|';
                        scoreStr += videoInfo.score;
                    } else {
                        scoreStr = videoInfo.score;
                    }

                    str += "<li class=\"col-lg-8 col-md-6 col-sm-4 col-xs-3\">" +
                        "   <div class=\"myui-vodlist__box\">" +
                        "       <a class=\"myui-vodlist__thumb lazyload\" title=\"\" style=\"background-image: url(&quot;apics/" + videoInfo.imgUrl + "&quot;);\">" +
                        "           <span class=\"bigpreview playvideo play hidden-xs\" imgUrl='" + videoInfo.imgUrl + "'></span>" +
                        "           <span class=\"pic-tag pic-tag-top\">" +
                        "               <span class=\"tag identificationCode\" style=\"background-color: #FB7299;\">" + videoInfo.identificationCode + "</span>" +
                        "               <span class=\"tag\" style=\"background-color: #00C0FF;\">" + date + "</span>" +
                        "           </span>" +
                        "           <span class=\"pic-text text-right\" title='" + (videoInfo.comment === '' ? '暂无评论' : videoInfo.comment) + "'>" + scoreStr + "</span>" +
                        "       </a>" +
                        "       <div class=\"myui-vodlist__detail\">" +
                        "           <h4 class=\"videodetail title text-overflow\" identificationCode='" + videoInfo.identificationCode + "' ><a title=\" " + videoInfo.name + " \">" + videoInfo.name + "</a></h4>" +
                        "           <p class=\"text text-overflow text-muted hidden-xs\" title='" + videoInfo.mainWho + "'>直属：" + videoInfo.mainWho + "</p>" +
                        "       </div>" +
                        "   </div>" +
                        "</li>";
                }
                $(".myui-vodlist").html(str);

                if (str == "") {
                    $(".vodlistnone").attr("style", "padding: 50px;display: block;");
                    $(".myui-page").html("");
                } else {
                    $(".vodlistnone").attr("style", "padding: 50px;display: none;");
                    $(".myui-page").pagination({
                        pageSize: "10",
                        pageNo: pageNo,
                        total: data.total,
                        callback: function (pageNo) {
                            //$("#wd").val("");

                            search(pageNo, false, false);
                        }
                    });
                }

                initContentEvent();
            } else {
                alert(data.message);
            }
        },
        beforeSend: function () {
            //请求前的处理
            if (startFlag) {
                $("#cover").css("display", "block");
            } else {
                $(".loading").css("display", "block");
            }
        },
        complete: function () {
            //请求完成的处理
            if (startFlag) {
                $("#cover").css("display", "none");
            } else {
                $(".loading").css("display", "none");
            }
        },
        error: function (data) {
            //请求出错处理
            alert('error：' + data);
        }
    });
}

/**
 *  查询头信息
 * @param bigType
 * @param startFlag
 */
function getQueryHeaderInfo(bigType, startFlag, searchSelectFlag) {
    var infantryType = "";
    if (bigType == '步兵' && !searchSelectFlag) {
        infantryType = $(".leixingul").find(".btn-warm").text().replace("全部", "");
    }
    $.ajax({
        url: "queryHeader/getQueryHeaderInfo", //请求的url地址
        dataType: "json", //返回格式为json
        data: {"bigType": bigType, "infantryType": infantryType}, //参数值
        type: "post", //请求方式
        async: !startFlag, //请求是否异步，默认为异步，这也是ajax重要特性
        success: function (data) {
            if (bigType == '步兵') {
                $(".leixingli").css("display", "none");
            } else {
                $(".leixingli").css("display", "block");
            }
            if (searchSelectFlag) {
                $("ul.leixingul").find("a:eq(1)").addClass("btn-warm");
                $("ul.yanyuanul").find("a:eq(1)").addClass("btn-warm");
                $("ul.paixuul").find("a.btn-warm").removeClass("btn-warm");
                $("ul.paixuul").find("a:eq(1)").addClass("btn-warm");
            }

            //请求成功时处理
            if (data != null && $.trim(data.data) != "" && data.success) {
                data = data.data;
                if ($.isEmptyObject(data)) {
                    if ($(".displayli").length > 0) {
                        $(".displayli").remove();
                    }
                    $(".vodlistnone").attr("style", "padding: 50px;display: block;");
                    $(".myui-vodlist").html("");
                    $(".myui-page").html("");
                    return;
                }

                if ($(".displayli").length > 0) {
                    $(".displayli").remove();
                }
                if (data.videoCastList.length > 0) {
                    var videoCastList = data.videoCastList;
                    var str = "";
                    for (var i = 0; i < videoCastList.length; i++) {
                        var videoCast = videoCastList[i];
                        str += "<li class='displayli'><a class=\"btn searchbtn\" title='" + videoCast.count + "'>" + videoCast.name + "</a></li>";
                    }
                    $(".yanyuanul").append(str);
                }
                if (data.videoGenresList.length > 0) {
                    var videoGenresList = data.videoGenresList;
                    var str = "";
                    for (var i = 0; i < videoGenresList.length; i++) {
                        var videoGenres = videoGenresList[i];

                        if (bigType == '步兵' && i == 0) {
                            str += "<li class='displayli'><a class=\"btn btn-warm searchbtn\" title='" + videoGenres.count + "'>" + videoGenres.name + "</a></li>";
                        } else {
                            str += "<li class='displayli'><a class=\"btn searchbtn\" title='" + videoGenres.count + "'>" + videoGenres.name + "</a></li>";
                        }
                    }
                    $(".leixingul").append(str);
                }

                $(".searchbtn").unbind("click");
                $(".searchbtn").click(function () {
                    $(this).closest('ul').find(".searchbtn").removeClass("btn-warm");
                    $(this).addClass("btn-warm");

                    if ($(this).attr('order') != undefined) {
                        var order = $(this).attr('order');
                        if ("desc" == order) {
                            $(this).attr("order", "asc");
                        } else if ("asc" == order) {
                            $(this).attr("order", "desc");
                        }
                    }

                    $("#wd").val("");

                    search(1, false, false);
                });
            } else {
                alert(data.message);
            }
        },
        beforeSend: function () {
            //请求前的处理
            if (!startFlag) {
                $(".loading-shaixuan").css("display", "block");
            }
        },
        complete: function () {
            //请求完成的处理
            if (!startFlag) {
                $(".loading-shaixuan").css("display", "none");
            }
        },
        error: function (data) {
            //请求出错处理
            alert('error：' + data);
        }
    });
}

/**
 * 初始化主内容事件
 */
function initContentEvent() {
    var prepath = $("#bigType").attr("prepath");

    // $(".playvideo").dblclick(function () {
    //     if (prepath == "machi") {
    //         return;
    //     }
    //
    //     if ($("#playvideo").css("display") === 'none') {
    //         $("#playvideo").css("display", "block");
    //         $("#playvideo").find("video").attr("src", prepath + "/" + $(this).attr("videoUrl"));
    //         $("#playvideo").find("video").prop('muted', true);
    //     } else if ($("#playvideo").css("display") === 'block') {
    //         $("#playvideo").css("display", "none");
    //         $("#playvideo").find("video").attr("src", "");
    //     }
    // });

    $(".videodetail").click(function () {
        var type = $("#bigType").attr("prepath");
        var code = $(this).attr("identificationCode");
        window.open("voddetail.html?type=" + type + "&code=" + code, "_blank");
    });

    $(".bigpreview").dblclick(function () {
        if ($("#bigpreview").css("display") === 'none') {
            $("#bigpreview").css("display", "block");
            $("#bigpreview").find("img").attr("src", "apics/" + $(this).attr("imgUrl"));
        } else if ($("#bigpreview").css("display") === 'block') {
            $("#bigpreview").css("display", "none");
            $("#bigpreview").find("img").attr("src", "");
        }
    });
    $(".identificationCode").dblclick(function () {
        window.open("https://www.javbus.com/" + $(this).text(), "_blank");
    });
}