fix: make video screen responsive (code100x#1563)

* make video fitted as screen * make responsive
IkramBagban · Nov 17, 2024 · ae84752 · ae84752
1 parent 679f3ff
commit ae84752
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/VideoPlayer2.tsx b/src/components/VideoPlayer2.tsx
@@ -476,8 +476,8 @@ export const VideoPlayer: FunctionComponent<VideoPlayerProps> = ({
   }
 
   return (
-    <div data-vjs-player className="mx-auto">
-      <div ref={videoRef} />
+    <div data-vjs-player style={{ maxWidth: '850px',  margin: '0 auto', width: '100%' }}>
+      <div ref={videoRef} style={{ width: '100%', height: 'auto' }} />
     </div>
   );
 };