UI 수정

기획안 반영 및 보완

client/src/hooks/useVideoPlayer.ts

@@ -25,13 +25,14 @@ export function useVideoPlayer(containerRef: React.RefObject<HTMLDivElement | nu
     if (!containerRef.current || playerRef.current) return;
 
     const videoEl = document.createElement('video-js');
-    videoEl.classList.add('vjs-big-play-centered', 'vjs-fluid');
+    // fill: 컨테이너를 꽉 채움(사이니지처럼 화면 가득). object-fit:cover 로 비율 유지 크롭.
+    videoEl.classList.add('vjs-big-play-centered', 'vjs-fill');
     containerRef.current.appendChild(videoEl);
 
     const player = videojs(videoEl, {
       // 하단 시간 스크러버는 측점 기반 StationBar 로 대체하므로 Video.js 기본 컨트롤바 숨김
       controls: false,
-      fluid: true,
+      fill: true,
       responsive: true,
       playbackRates: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 4],
       html5: { vhs: { overrideNative: true } },