From 506bd52dc300ecb098d14c020fe0c6f99b2e68f0 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 17:39:36 +0000
Subject: [PATCH] Revert to original Bunny.net player for video playback

Reverts client-side video player to use Bunny.net's iframe embed and updates server storage to reflect the original Bunny.net iframe URLs instead of HLS stream URLs.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/Biq0lDI
---
 client/src/pages/VideoPage.tsx | 20 +++++++++-----------
 server/storage.ts              |  6 +++---
 2 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index f684a24..502d6f4 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -254,19 +254,17 @@ export default function VideoPage() {
         <div className="flex flex-col lg:flex-row gap-6 relative z-10">
           {/* Main video section */}
           <div className="flex-1">
-            {/* Video player using Video.js */}
+            {/* Video player using original Bunny.net iframe */}
             <div className="relative w-full h-0 pb-[56.25%] bg-black rounded-lg overflow-hidden mb-4">
-              <video
-                controls
+              <iframe
+                src={`https://iframe.mediadelivery.net/embed/384105/${currentVideo.id}?autoplay=false&preroll=false`}
                 className="absolute inset-0 w-full h-full"
-                onPlay={handleVideoPlay}
-                preload="metadata"
-                data-testid="video-player"
-              >
-                <source src={`https://vz-b9208a4c-8c8.b-cdn.net/${currentVideo.id}/playlist.m3u8`} type="application/x-mpegURL" />
-                <source src={`https://vz-b9208a4c-8c8.b-cdn.net/${currentVideo.id}/play_720p.mp4`} type="video/mp4" />
-                Your browser does not support the video tag.
-              </video>
+                frameBorder="0"
+                allowFullScreen
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                onLoad={handleVideoPlay}
+                title={currentVideo.title}
+              />
             </div>
 
             {/* Video info */}
diff --git a/server/storage.ts b/server/storage.ts
index 477fa0d..ae66014 100644
--- a/server/storage.ts
+++ b/server/storage.ts
@@ -73,13 +73,13 @@ export class DatabaseStorage implements IStorage {
       const result = await db.execute(sqlQuery);
       console.log(`📊 DatabaseStorage: Found ${result.rows.length} videos (search: "${search || 'none'}")`);
       
-      // Transform database rows to Video objects with HLS streaming URLs  
+      // Transform database rows to Video objects with original Bunny iframe URLs
       return result.rows.map((row: any) => ({
         id: row.id,
         title: row.title,
         description: row.description,
         thumbnailUrl: row.thumbnail_url,
-        videoUrl: `https://vz-b9208a4c-8c8.b-cdn.net/${row.id}/playlist.m3u8`, // HLS stream URL
+        videoUrl: `https://iframe.mediadelivery.net/embed/384105/${row.id}`, // Original Bunny iframe
         duration: row.duration,
         views: row.views,
         category: row.category,
@@ -110,7 +110,7 @@ export class DatabaseStorage implements IStorage {
         title: row.title,
         description: row.description,
         thumbnailUrl: row.thumbnail_url,
-        videoUrl: `https://vz-b9208a4c-8c8.b-cdn.net/${row.id}/playlist.m3u8`, // HLS stream URL
+        videoUrl: `https://iframe.mediadelivery.net/embed/384105/${row.id}`, // Original Bunny iframe
         duration: row.duration,
         views: row.views,
         category: row.category,