diff --git a/client/src/components/video-modal.tsx b/client/src/components/video-modal.tsx
index cd3a0d9..cffb1c6 100644
--- a/client/src/components/video-modal.tsx
+++ b/client/src/components/video-modal.tsx
@@ -184,8 +184,9 @@ export default function VideoModal({ video, isOpen, onClose }: VideoModalProps)
diff --git a/client/src/index.css b/client/src/index.css
index 6d90eb8..aefde61 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -93,4 +93,17 @@
-webkit-box-orient: vertical;
overflow: hidden;
}
+
+ /* Video player iframe styling for better controls */
+ iframe[data-testid="video-iframe"] {
+ border: none;
+ outline: none;
+ background: #000;
+ }
+
+ /* Ensure fullscreen capabilities for iframe */
+ iframe[allowfullscreen] {
+ width: 100% !important;
+ height: 100% !important;
+ }
}
diff --git a/client/src/pages/video.tsx b/client/src/pages/video.tsx
index fb0aec8..b6dc500 100644
--- a/client/src/pages/video.tsx
+++ b/client/src/pages/video.tsx
@@ -174,8 +174,9 @@ export default function VideoPage() {
) : (
diff --git a/server/bunny.ts b/server/bunny.ts
index d01406b..b4e46a8 100644
--- a/server/bunny.ts
+++ b/server/bunny.ts
@@ -52,12 +52,13 @@ export class BunnyService {
}
private bunnyVideoToVideo(bunnyVideo: BunnyVideo): Video {
- // For private videos, use iframe embed or proxy approach
- // Generate thumbnail URL from CDN (thumbnails are usually public)
- const thumbnailUrl = `https://${this.hostname}/${bunnyVideo.guid}/thumbnail.jpg`;
+ // For private videos, we'll generate a video poster frame from the iframe
+ // This is the best approach for private Bunny.net videos
+ const thumbnailUrl = `https://iframe.mediadelivery.net/embed/${this.libraryId}/${bunnyVideo.guid}?poster=true`;
// For private videos, we'll use an iframe embed URL which handles authentication
- const videoUrl = `https://iframe.mediadelivery.net/embed/${this.libraryId}/${bunnyVideo.guid}`;
+ // Enable controls, allow fullscreen, and ensure player functionality
+ const videoUrl = `https://iframe.mediadelivery.net/embed/${this.libraryId}/${bunnyVideo.guid}?controls=true&autoplay=false&preload=metadata`;
return {
id: bunnyVideo.guid,