Widget:BilibiliVideo:修订间差异

H萌娘,万物皆可H的百科全书!
跳到导航 跳到搜索
imported>=海豚=
(文本替换 - 替换“显示视频”为“来自哔哩哔哩”)
imported>=海豚=
无编辑摘要
(未显示同一用户的5个中间版本)
第364行: 第364行:
              "align-items": "center",
              "align-items": "center",
              background: "rgba(255, 255, 255, .37)",
              background: "rgba(255, 255, 255, .37)",
           });
           const text = $("<div/>");
           text.css({
             "text-align": "center",
             width: "100%",
           }).text("正在加载中,若长时间空白则说明是网络问题……");
           div.append(text).appendTo(iframeContainer);
           iframe.data({
             placeholder: div,
             displayFlag: true,
           });
           iframe[0].addEventListener("load", () => {
             placeholderToggle(iframe);
            });
            });
            $.ajax({
            $.ajax({
第421行: 第408行:
                lazyLoadObserver.observe(iframe[0]);
                lazyLoadObserver.observe(iframe[0]);
              },
              },
             complete: function () {
               if (selfbox.is('[data-auto-expand="true"]')) {
                 selfbox.addClass("onshow");
                 iframeContainer.show();
                 selfbox.find(".bilibili-toggle").text("隐藏视频");
                 selfbox.removeAttr("style");
               }
             },
           });
           //toggle
           selfbox.find(".bilibili-toggle").on("click", (_, ele) => {
             const self = $(ele);
             selfbox.width(iframeContainer.outerWidth(true));
             selfbox.toggleClass("onshow");
             iframeContainer.toggle();
             if (self.text() === "来自哔哩哔哩") {
               self.text("隐藏视频");
               $(window).resize();
             } else {
               self.text("来自哔哩哔哩");
               selfbox.removeAttr("style");
             }
           });
           selfbox.find(".bilibili-widescreen").on("click", (_, ele) => {
             const self = $(ele);
             if (selfbox.is(":not(.onshow)")) { return; }
             if (selfbox.is(".widescreen")) {
               selfbox.removeClass("widescreen");
               self.text("显示宽屏");
               recallWH(iframeContainer);
               recallWH(iframe);
               recallWH(selfbox);
             } else {
               selfbox.addClass("widescreen");
               self.text("退出宽屏");
               rememberWH(selfbox);
               selfbox.css("width", selfbox.parent().width() > Math.min(911, global_element.width()) ? "73%" : "100%"); //可以看见按钮的最小宽度 665 的 1/0.73 倍
               setTureHeight(selfbox);
               rememberWH(iframe);
               rememberWH(iframeContainer);
               setWH(iframe);
               setWH(iframeContainer);
               iframeContainer.height(selfbox.height() - title_text.parent().height());
               setMaxHeight(selfbox, iframeContainer);
             }
            });
            });
         });
       };
        $(run);
        $(run);
        mw.hook("wikipage.content").add(run);
        mw.hook("wikipage.content").add(run);

2021年5月5日 (三) 20:26的版本

名称: Bilibili视频插件
作者: 加大号的猫
修订: Boxsnake
重修订: AnnAngela
H5版再修订:
新H5版又修订:
移动版支持: XYZ指示物
版权协定: MIT
发布日期:

2012年6月29日第一版发布;
2015年2月6日更新;
2016年11月29日更新更多细节;
2017年4月10日更新至H5版(感谢众多dalao的debug_(:зゝ∠)_);
2020年01月27日更新至新版H5播放器。

发布地址: https://zh.moegirl.org.cn/Widget:BilibiliVideo && https://zh.moegirl.org.cn/Template:BilibiliVideo
注意事项: 如有问题,请联系作者。

本Widget不能单独使用,请使用{{BilibiliVideo}}!