Improve video playback and thumbnail display for private videos

Implement iframe embeds for private Bunny.net videos with thumbnail proxying.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 50814a1e-92e4-4968-856f-7bc7eedf5e8f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/50814a1e-92e4-4968-856f-7bc7eedf5e8f/ZOHnS9w
This commit is contained in:
sebastjanartic
2025-08-04 18:59:06 +00:00
parent 1bffeab784
commit 7c082b287e
4 changed files with 37 additions and 7 deletions
+2 -3
View File
@@ -52,9 +52,8 @@ export class BunnyService {
}
private bunnyVideoToVideo(bunnyVideo: BunnyVideo): Video {
// For private videos, use placeholder thumbnails since thumbnails are not publicly accessible
// Generate a consistent placeholder based on video title/category
const thumbnailUrl = `https://picsum.photos/800/450?random=${bunnyVideo.guid.slice(0, 8)}`;
// Use proxy endpoint for thumbnails since Bunny videos are private
const thumbnailUrl = `/thumbnail/${bunnyVideo.guid}`;
// For private videos, we'll use an iframe embed URL which handles authentication
// Enable controls, allow fullscreen, and ensure player functionality