[251113] style: views - TReactPlayer.jsx, ProductVideo.module.less, Pro...

🕐 커밋 시간: 2025. 11. 13. 10:59:09

📊 변경 통계:
  • 총 파일: 5개
  • 추가: +173줄
  • 삭제: -76줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/components/VideoPlayer/TReactPlayer.jsx
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less
  ~ com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v2.jsx
  ~ com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.jsx
  ~ com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.module.less

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선
  • 중간 규모 기능 개선

com.twin.app.shoptime/src/components/VideoPlayer/TReactPlayer.jsx

@@ -29,14 +29,22 @@ export default function TReactPlayer({
 
   const handleEvent = useCallback(
     (type) => (ev) => {
-      if (type === "onReady") {
-        if (videoRef) {
-          const videoNode = playerRef.current.getInternalPlayer();
-          videoRef(videoNode);
-          if (
-            videoNode.tagName &&
-            !Object.prototype.hasOwnProperty.call(videoNode, "proportionPlayed")
-          ) {
+      if (type === "onReady") {
+        if (videoRef) {
+          const videoNode = playerRef.current.getInternalPlayer();
+          videoRef(videoNode);
+          const iframeEl =
+            typeof playerRef.current?.getInternalPlayer === "function"
+              ? playerRef.current.getInternalPlayer("iframe")
+              : null;
+          if (iframeEl) {
+            iframeEl.setAttribute("tabIndex", "-1");
+            iframeEl.setAttribute("aria-hidden", "true");
+          }
+          if (
+            videoNode.tagName &&
+            !Object.prototype.hasOwnProperty.call(videoNode, "proportionPlayed")
+          ) {
             Object.defineProperties(videoNode, {
               error: {
                 get: function () {