查看“微件:BilibiliVideo”的源代码

<noinclude>
该Widget引用自:  [https://zh.moegirl.org.cn/ 萌娘百科]

出处&使用说明:  https://zh.moegirl.org.cn/Widget:BilibiliVideo

'''本Widget不能单独使用'''，请使用Template:BilibiliVideo！
</noinclude>

<includeonly><!--{if !isset($wgBilibili) || !$wgBilibili}--><!--{assign var="wgBilibili" value=true scope="global"}--><style>
.bilibili-video-container {
    border: 1px solid rgba(170,170,170,0.37);
    max-width: 100%;
}
.bilibili-video-container.exec {
    display: table;
}
.bilibili-iframe-container,
.bilibili-video-container {
    display: none;
}
.bilibili-video-container,
.bilibili-video-container .bilibili-widescreen,
.bilibili-video-container iframe {
    max-width: 100%;
    background-color: #fff!important;
}
.bilibili-title {
    padding: .2em 6.5em .2em 1em;
    position: relative;
}
.bilibili-title a {
    word-break: break-word;
}
.bilibili-widescreen {
    position: absolute;
    display: none;
    width: 1em;
    right: calc(-2rem - 1px);
    border: 1px solid rgba(170,170,170,0.37);
    padding: .25rem .5rem;
    line-height: 1.5em;
    top: -2px;
    user-select: none;
    cursor: pointer;
}
.onshow .bilibili-widescreen{
    display: block;
}
.bilibili-toggle {
    position: absolute;
    top: calc(50% - .5em);
    right: .7em;
    line-height: 1em;
    cursor: pointer;
    padding-left: 1em;
    background-image: url(/skins/Vector/images/search-ltr.png?39f97);
    background-image: linear-gradient(transparent,transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2213%22%3E%3Cg%20stroke-width%3D%222%22%20stroke%3D%22%236c6c6c%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.29%2011.71l-4-4%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-image: linear-gradient(transparent,transparent), url(/skins/Vector/images/search-ltr.svg?07752)!ie;
    background-image: -o-linear-gradient(transparent,transparent), url(/skins/Vector/images/search-ltr.png?39f97);
    background-position: left center;
    background-repeat: no-repeat;
}
.bilibili-toggle:hover {
    color: #36b;
}
.bilibili-video-button,
.bilibili-video-button:visited {
    display: inline-block;
    margin: 4px 5px;
    padding: 10px 25px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #de698c;
    border-radius: 4px;
}
.bilibili-iframe-container {
    padding: 6px;
    position: relative;
    border: 0 solid rgba(170,170,170,0.37);
    border-top-width: 1px;
}
.bilibili-video-container:not([data-max-width]) .bilibili-iframe-container {
    max-width: calc(100% - 12px)!important;
}
.bilibili-video-container:not([data-max-width]).onshow .bilibili-iframe-container {
    max-height: calc(100% - 27px)!important;
}
.bilibili-video-container textarea {
    background: white;
    color: black;
    width: 80%;
    margin: auto;
}
.bilibili-iframe-overlay {
    width: 0;
    height: 0;
    padding-top: 30%;
    text-align: center;
    box-sizing: border-box;
    background: rgb(167, 215, 249);
    position: absolute;
    top: 3px;
    left: 6px;
    z-index: 2;
}
.bilibili-iframe-retry-link {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    background: white;
    padding: 0px 0.5em;
}
html > body > .navpopup .bilibili-video-container > * {
    display: none !important;
}
html > body > .navpopup .bilibili-video-container::before {
    content: "请不要在注释里使用 BilibiliVideo 模板";
    font-style: italic;
}
</style>

<script>
"use strict";
window.RLQ.push(['jquery',async () => {
    const errMsg = {
        id: '此处填写的id有误，请参考<a href="https://zh.moegirl.org.cn/Template:BilibiliVideo#firstHeading" target="_blank">模板文档</a>修正……',
        error: "执行出现问题，请复制以下内容并在提问求助区处粘贴寻求帮助：$$$",
        attr: '下方填写的参数 $$$ 有误，请参考<a href="https://zh.moegirl.org.cn/Template:BilibiliVideo#firstHeading" target="_blank">模板文档</a>修正……',
    };
    await $.ready;
    console.log(1);
    const ifNamespaceAllow = [0, 4, 10, 12].includes(mw.config.get("wgNamespaceNumber"));
    const sanNode = $(`<${"span/"}>`);
    const genErr = (type, msg = "") => type in errMsg ? `<${"div"} style="font-style: italic; border: 1px dashed red;">BilibiliVideo模板：${errMsg[type].replace("$$$", sanNode.text(msg).html())}<${"/div"}>` : "";
    const injectErrMsgBefore = ($ele, type, msg = "") => $ele.before(genErr(type, msg));
    const getErrorType = (code) => {
        switch (code) {
            case 62003: {
                return false;
            }
            case -403: {
                return "forbidden";
            }
            default: {
                return "failed";
            }
        }
    };
    try {
        const isNaN = Number.isNaN || window.isNaN;
        const cssLengthUnitValidator = (length, defaultValue, callback, paramName, $ele) => {
            if (typeof length !== "string" || length.length === 0) {
                callback(false);
                return defaultValue;
            }
            const parsedNumber = parseFloat(length.replace(/[a-z]+/i, ""));
            if (isNaN(parsedNumber) || parsedNumber <= 0) {
                callback(false);
                injectErrMsgBefore($ele, "attr", paramName);
                return defaultValue;
            }
            if (/^(?:\d+|\d*\.\d+)(?:em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|Q|in|pc|pt|px|%)$/.test(length)) {
                callback(true);
                return length;
            }
            if (/^(?:\d+|\d*\.\d+)$/.test(length)) {
                callback(true);
                return `${length}px`;
            }
            callback(false);
            injectErrMsgBefore($ele, "attr", paramName);
            return defaultValue;
        };
    console.log(2);
        const fixedNumber = (number) => `${+number < 10 ? "0" : ""}${number}`;
        const secondsParser = (seconds) => `${Math.floor(+seconds / 60)}:${fixedNumber(+seconds % 60)}`;
        const idCorrector = (id) => {
            if (/^(?:av)?\d{1,9}$/i.test(id)) {
                return {
                    id: id.replace(/^av/i, ""),
                    prefix: {
                        href: "av",
                        iframe: "aid",
                    },
                };
            } else if (/^(?:(?:[bB][vV])?1)?[fZodR9XQDSUm21yCkr6zBqiveYah8bt4xsWpHnJE7jL5VG3guMTKNPAwcF]{9}$/.test(id)
                && /4.1.7..$/.test(id)) {
                return {
                    id: id.replace(/^.*([fZodR9XQDSUm21yCkr6zBqiveYah8bt4xsWpHnJE7jL5VG3guMTKNPAwcF]{9})$/i, "1$1"),
                    prefix: {
                        href: "BV",
                        iframe: "bvid",
                    },
                };
            }
            return false;
        };
        const submit = (ids) => {
            if (!ifNamespaceAllow) {
                return;
            }
            if (--ids.pending > 0) {
                return;
            }
            let changed = false;
            if (ids.failed.aid.size + ids.failed.bvid.size > 0 && !mw.config.get("wgCategories").includes("带有失效视频的条目")) {
                changed = true;
            }
            if (ids.forbidden.aid.size + ids.forbidden.bvid.size > 0 && !mw.config.get("wgCategories").includes("带有受限视频的条目")) {
                changed = true;
            }
            if (ids.failed.aid.size + ids.failed.bvid.size === 0 && mw.config.get("wgCategories").includes("带有失效视频的条目")) {
                changed = true;
            }
            if (ids.forbidden.aid.size + ids.forbidden.bvid.size === 0 && mw.config.get("wgCategories").includes("带有受限视频的条目")) {
                changed = true;
            }
            if (changed) {
                const url = new URL("https://moegirlpedia.annangela.cn/bilibiliCollector/videoCheck");
                url.searchParams.set("pageid", mw.config.get("wgArticleId"));
                $.get(`${url}`);
            }
        };
    console.log(3);
    delete window.isInitAllowed;
    } catch (e) {
        /* eslint-disable */
        var msg = genErr("error", navigator.userAgent + " : " + e + " " + e.stack.split("\n")[1].trim());
        $(".bilibili-video-container").each(function (_, ele) {
            ele.outerHTML = msg;
        });
        /* eslint-enable */
    }
}]);
</script><!--{/if}--></includeonly>