「Widget:BilibiliVideo」：修訂間差異
跳至導覽
跳至搜尋
無編輯摘要
imported>=海豚= 無編輯摘要 |
imported>=海豚= 無編輯摘要 |
||
| 行 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({ | ||
| 行 409： | 行 422： | ||
}, | }, | ||
}); | }); | ||
//toggle | |||
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); | ||