From 986ed156cc430fac296c6bf9a1a3d97de5956007 Mon Sep 17 00:00:00 2001
From: Pavel Kovirshin <45898580+PahaN47@users.noreply.github.com>
Date: Fri, 1 Nov 2024 17:47:47 +0300
Subject: [PATCH] fix(ReactPlayer): auto ratio fit (#1061)

---
 src/components/ReactPlayer/ReactPlayer.scss | 4 ++++
 src/components/ReactPlayer/ReactPlayer.tsx  | 1 +
 2 files changed, 5 insertions(+)

diff --git a/src/components/ReactPlayer/ReactPlayer.scss b/src/components/ReactPlayer/ReactPlayer.scss
index 61cc7669d..8efdec8d9 100644
--- 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
index 3a0e78ae7..2cdd4cfb0 100644
--- 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,
                 )}