Skip to content

Commit ae84752

Browse files
fix: make video screen responsive (#1563)
* make video fitted as screen * make responsive
1 parent 679f3ff commit ae84752

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/components/VideoPlayer2.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -476,8 +476,8 @@ export const VideoPlayer: FunctionComponent<VideoPlayerProps> = ({
476476
}
477477

478478
return (
479-
<div data-vjs-player className="mx-auto">
480-
<div ref={videoRef} />
479+
<div data-vjs-player style={{ maxWidth: '850px', margin: '0 auto', width: '100%' }}>
480+
<div ref={videoRef} style={{ width: '100%', height: 'auto' }} />
481481
</div>
482482
);
483483
};

0 commit comments

Comments
 (0)