Bilibili-Evolved/video/default-player-mode.js
2018-11-14 20:10:31 +08:00

79 lines
2.4 KiB
JavaScript

(() =>
{
return (settings, _) =>
{
const playerModes = [
{
name: "常规"
},
{
name: "宽屏",
action: () =>
{
$(".bilibili-player-video-btn-widescreen").click();
},
},
{
name: "网页全屏",
action: () =>
{
$(".bilibili-player-video-web-fullscreen").click();
},
},
{
name: "全屏",
action: () =>
{
$(".bilibili-player-video-btn-fullscreen").click();
},
},
];
SpinQuery.any(
() => $(".gui-settings-dropdown:has(input[key=defaultPlayerMode])"),
dropdown =>
{
const list = dropdown.find("ul");
const input = dropdown.find("input");
Object.values(playerModes).forEach(value =>
{
$(`<li>${value.name}</li>`).appendTo(list)
.on("click", () =>
{
input.val(value.name).trigger("input").change();
});
});
}
);
new SpinQuery(
() => $(".bilibili-player-video"),
it => it.length > 0 && $("video").length > 0 && $("video").prop("duration"),
() =>
{
const video = document.querySelector("video");
const info = playerModes.find(it => it.name === settings.defaultPlayerMode);
if (info.name === "常规")
{
return;
}
if (info.name !== "全屏")
{
const onplay = () =>
{
if (info && $("#bilibiliPlayer[class*=mode-]").length === 0)
{
$(info.actionButtonSelector).click();
}
video.removeEventListener("play", onplay);
};
video.addEventListener("play", onplay);
}
else
{
// TODO: listen click events to apply fullscreen mode
}
}
).start();
};
})();