sebastjan/folxplay-clone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Overlay izgine v trenutku brez fade - ni prehoda skozi katerega bi se videl player

Browse Source
This commit is contained in:
OpenClaw Agent 2026-07-01 11:39:50 +00:00
parent 3f672c202c
commit 3b1dff68c0
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/app.js
View File

@ -171,7 +171,7 @@ function showVideoPlayer(ch) {
document.getElementById('player-area').innerHTML = ` document.getElementById('player-area').innerHTML = `
<div class="split__video_ratio" style="position:relative;"> <div class="split__video_ratio" style="position:relative;">
<video id="video" controls autoplay loop playsinline></video> <video id="video" controls autoplay loop playsinline></video>
<div id="video-loading" style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:${bg};border-radius:15px;transition:opacity .35s ease;z-index:2;pointer-events:none;"> <div id="video-loading" style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:${bg};border-radius:15px;z-index:2;pointer-events:none;">
<img src="${logo}" alt="" style="max-width:32%;max-height:32%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25));"> <img src="${logo}" alt="" style="max-width:32%;max-height:32%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25));">
</div> </div>
</div> </div>
@ -179,9 +179,11 @@ function showVideoPlayer(ch) {
} }
// Hide the channel-logo loading overlay once real playback starts. // Hide the channel-logo loading overlay once real playback starts.
// Instant hide (no opacity fade) so the player never shows through a
// half-transparent overlay mid-transition.
function hideLoadingOverlay() { function hideLoadingOverlay() {
const el = document.getElementById('video-loading'); const el = document.getElementById('video-loading');
if (el) { el.style.opacity = '0'; setTimeout(() => { if (el) el.style.display = 'none'; }, 500); } if (el) el.style.display = 'none';
} }
// Show it again (e.g. when switching channel / falling back). // Show it again (e.g. when switching channel / falling back).
function showLoadingOverlay(ch) { function showLoadingOverlay(ch) {