「Widget:BilibiliVideo」：修訂間差異
跳至導覽
跳至搜尋
無編輯摘要
imported>=海豚= 無編輯摘要 |
imported>=海豚= 無編輯摘要 |
||
| 行 425： | 行 425： | ||
selfbox.addClass("onshow"); | selfbox.addClass("onshow"); | ||
iframeContainer.show(); | iframeContainer.show(); | ||
selfbox.find(".bilibili-toggle").text(""); | selfbox.find(".bilibili-toggle").text(" 隐藏视频"); | ||
selfbox.removeAttr("style"); | 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); | ||