sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix video display issues on the video page

Browse Source 
Removed unnecessary overlay div and simplified iframe loading logic in VideoPage.tsx to resolve display problems.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
This commit is contained in:
sebastjanartic 2025-08-30 23:05:36 +00:00
parent a62eedb25c
commit e65ed970ad
1 changed files with 9 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
client/src/pages/VideoPage.tsx
View File

@ -433,26 +433,15 @@ export default function VideoPage() {
</> </>
)} )}
{currentVideo.videoUrlIframe ? ( {currentVideo.videoUrlIframe ? (
<div className="relative w-full h-full"> <iframe
<div className="absolute inset-0 bg-black z-10" id="video-overlay"></div> src={`${currentVideo.videoUrlIframe}${currentVideo.videoUrlIframe.includes('?') ? '&' : '?'}autoplay=1`}
<iframe className="absolute inset-0 w-full h-full"
src={`${currentVideo.videoUrlIframe}${currentVideo.videoUrlIframe.includes('?') ? '&' : '?'}autoplay=1`} frameBorder="0"
className="absolute inset-0 w-full h-full z-20" allowFullScreen
frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowFullScreen onLoad={handleVideoPlay}
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" title={currentVideo.title}
onLoad={(e) => { />
setTimeout(() => {
const overlay = document.getElementById('video-overlay');
if (overlay) {
overlay.style.display = 'none';
}
}, 800);
handleVideoPlay();
}}
title={currentVideo.title}
/>
</div>
) : ( ) : (
<div className="absolute inset-0 flex items-center justify-center text-white"> <div className="absolute inset-0 flex items-center justify-center text-white">
<p>Video nicht verfügbar</p> <p>Video nicht verfügbar</p>