Merge pull request #153 from devsargam/main

fix: video player being responsive in all sizes (#144)
code100x · Mar 6, 2024 · 7a63114 · 7a63114
2 parents 0b98937 + a131274
commit 7a63114
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/VideoPlayer2.tsx b/src/components/VideoPlayer2.tsx
@@ -284,7 +284,10 @@ export const VideoPlayer: FunctionComponent<VideoPlayerProps> = ({
     }
   }, [searchParams, playerRef.current]);
   return (
-    <div data-vjs-player>
+    <div 
+      data-vjs-player
+      className="mx-auto md:max-w-[calc(100vw-3rem)] 2xl:max-w-[calc(100vw-17rem)]"
+    >
       <div ref={videoRef} />
     </div>
   );