From 297a1e1a1e121d1a2bffd5a16e3985a6f2289bbf Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 20:56:08 +0000
Subject: [PATCH] Update video player to use iframe embedding for better
 compatibility

Replace the native video element with an iframe to embed videos, supporting various sources and improving playback reliability.

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/H5TlUss
---
 client/src/components/bunny-video-modal.tsx | 23 +++++++++------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/client/src/components/bunny-video-modal.tsx b/client/src/components/bunny-video-modal.tsx
index 5b4f7d5..18a115b 100644
--- a/client/src/components/bunny-video-modal.tsx
+++ b/client/src/components/bunny-video-modal.tsx
@@ -259,19 +259,16 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
           {/* Main video player */}
           <div className="flex-1">
             <div className="relative w-full aspect-video bg-black rounded-lg overflow-hidden">
-              {video.videoUrl ? (
-                <video
-                  className="w-full h-full object-contain"
-                  controls
-                  preload="metadata"
-                  poster={video.thumbnailUrl}
-                  onPlay={handleVideoPlay}
-                >
-                  <source src={video.videoUrl} type="video/mp4" />
-                  <source src={video.videoUrl.replace('.mp4', '.webm')} type="video/webm" />
-                  <source src={video.videoUrl.replace('.mp4', '.m3u8')} type="application/x-mpegURL" />
-                  Vaš brskalnik ne podpira video predvajanja.
-                </video>
+              {video.videoUrlIframe ? (
+                <iframe
+                  src={video.videoUrlIframe}
+                  className="absolute inset-0 w-full h-full"
+                  frameBorder="0"
+                  allowFullScreen
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                  onLoad={handleVideoPlay}
+                  title={video.title}
+                />
               ) : (
                 <div className="absolute inset-0 flex items-center justify-center text-white">
                   <p>Video ni na voljo</p>