Display videos reliably and improve the appearance of shared content

Replaces HLS.js with iframe embeds for Bunny.net videos and updates thumbnail generation.

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/q65IwWw
This commit is contained in:
sebastjanartic
2025-08-04 19:32:22 +00:00
parent fd78ef1545
commit ea9dbe1b2f
3 changed files with 36 additions and 90 deletions
+4 -9
View File
@@ -83,16 +83,11 @@ export class BunnyService {
}
private bunnyVideoToVideo(bunnyVideo: BunnyVideo): Video {
// Generate signed URLs for private video access
const videoPath = `/${bunnyVideo.guid}/playlist.m3u8`;
const thumbnailPath = `/${bunnyVideo.guid}/${bunnyVideo.thumbnailFileName || 'thumbnail.jpg'}`;
// Since Bunny.net private library token authentication is not working,
// use iframe embed approach for reliable video playback
const videoUrl = `https://iframe.mediadelivery.net/embed/${this.libraryId}/${bunnyVideo.guid}?controls=true&autoplay=false`;
const videoUrl = this.generateSignedUrl(videoPath);
// For thumbnails, try direct signed URL for now to debug the issue
const directThumbnailUrl = this.generateSignedUrl(thumbnailPath);
// Use proxy endpoint for social sharing compatibility
// Use proxy endpoint for social sharing compatibility
const thumbnailUrl = `/thumbnail/${bunnyVideo.guid}`;
return {