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,
                 )}