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

Update video player to hide default controls and buttons

Browse Source 
Modify `client/index.html` to remove custom iframe styles and update `server/bunny.ts` to include `controls=false&bigPlayButton=false&centerPlayButton=false` in the iframe URL.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/Q1A0ksm
This commit is contained in:
sebastjanartic 2025-08-28 21:23:58 +00:00
parent 25e260da9a
commit fb4b75962d
2 changed files with 1 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/index.html
View File

@ -26,22 +26,6 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="theme-color" content="#3b82f6" /> <meta name="theme-color" content="#3b82f6" />
<style>
/* Force video controls to stay visible longer and be more accessible */
iframe {
pointer-events: auto !important;
cursor: pointer !important;
}
iframe:hover {
opacity: 1 !important;
}
/* Ensure iframe controls area is always interactive */
iframe[src*="iframe"] {
z-index: 10 !important;
}
</style>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

2
server/bunny.ts
View File

@ -79,7 +79,7 @@ export class BunnyService {
// Generate signed HLS URL for private video access // Generate signed HLS URL for private video access
const hlsUrl = this.generateSignedUrl(bunnyVideo.guid); const hlsUrl = this.generateSignedUrl(bunnyVideo.guid);
const iframeUrl = `https://iframe.mediadelivery.net/embed/${this.libraryId}/${bunnyVideo.guid}?preroll=false&postroll=false&ads=false`; const iframeUrl = `https://iframe.mediadelivery.net/embed/${this.libraryId}/${bunnyVideo.guid}?preroll=false&postroll=false&ads=false&controls=false&bigPlayButton=false&centerPlayButton=false`;
// Extract description from BunnyVideoDetails if available // Extract description from BunnyVideoDetails if available
let description = 'description' in bunnyVideo ? bunnyVideo.description || "" : ""; let description = 'description' in bunnyVideo ? bunnyVideo.description || "" : "";