Sakurai/poke
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update css/player-base.js

Browse Source
This commit is contained in:
ashley 2025-10-10 20:17:20 +02:00
parent 6e095bbe30
commit 5cb4f54947
1 changed files with 24 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
css/player-base.js
View File

@ -36,33 +36,36 @@ document.addEventListener("DOMContentLoaded", () => {
const videoEl = document.getElementById('video');
const audio = document.getElementById('aud');
const audioEl = document.getElementById('aud');
const initTitleBar = () => {
video.ready(() => {
const metaTitle = document.querySelector('meta[name="title"]')?.content || "";
const metaAuthor = document.querySelector('meta[name="twitter:author"]')?.content || "";
const existing = video.getChild("TitleBar");
if (!existing) {
const titleBar = video.addChild("TitleBar");
titleBar.update({ title: metaTitle, description: metaAuthor });
}
};
const removeTitleBar = () => {
const existing = video.getChild("TitleBar");
if (existing) video.removeChild(existing);
};
const createTitleBar = () => {
const existing = video.getChild("TitleBar");
if (!existing) {
const titleBar = video.addChild("TitleBar");
titleBar.update({ title: metaTitle, description: metaAuthor });
}
};
const handleFullscreen = () => {
const fs = document.fullscreenElement || document.webkitFullscreenElement;
if (fs) {
video.ready(() => initTitleBar());
} else {
removeTitleBar();
}
};
const removeTitleBar = () => {
const existing = video.getChild("TitleBar");
if (existing) video.removeChild(existing);
};
document.addEventListener("fullscreenchange", handleFullscreen);
document.addEventListener("webkitfullscreenchange", handleFullscreen);
const handleFullscreen = () => {
const fs = document.fullscreenElement || document.webkitFullscreenElement;
if (fs) createTitleBar();
else removeTitleBar();
};
document.addEventListener("fullscreenchange", handleFullscreen);
document.addEventListener("webkitfullscreenchange", handleFullscreen);
handleFullscreen();
});
// inline playback works on iOS/Safari
try { videoEl.setAttribute('playsinline', ''); videoEl.setAttribute('webkit-playsinline', ''); } catch {}