fix(ReactPlayer): auto ratio fit (#1061)

gravity-ui · Nov 1, 2024 · 986ed15 · 986ed15
1 parent d28327b
commit 986ed15
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/ReactPlayer/ReactPlayer.scss b/src/components/ReactPlayer/ReactPlayer.scss
@@ -76,6 +76,10 @@ $block: '.#{$ns}ReactPlayer';
         object-fit: contain;
     }
 
+    &_auto-ratio video {
+        object-fit: cover;
+    }
+
     @media only screen and (max-width: map-get($gridBreakpoints, 'sm')) {
         &__button_text {
             font-size: 20px;

diff --git a/src/components/ReactPlayer/ReactPlayer.tsx b/src/components/ReactPlayer/ReactPlayer.tsx
@@ -384,6 +384,7 @@ export const ReactPlayerBlock = React.forwardRef<ReactPlayerBlockHandler, ReactP
                         wrapper: !currentHeight,
                         controls,
                         contain,
+                        'auto-ratio': autoRatio,
                     },
                     className,
                 )}