diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index 5d5d34f26..eed0874b7 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -618,8 +618,8 @@ const Player = ({ urlParams, queryParams }) => {
             }
             {
                 !video.state.loaded ?
-                    <div className={styles['layer']}>
-                        <img src={player?.metaItem?.content?.background} />
+                    <div className={classnames(styles['layer'], styles['background-layer'])}>
+                        <img className={styles['image']} src={player?.metaItem?.content?.background} />
                     </div>
                     :
                     null
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index 026837cbf..86be17c13 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -44,6 +44,14 @@ html:not(.active-slider-within) {
             z-index: 1;
         }
 
+        &.background-layer {
+            .image {
+                width: 100vw;
+                height: 100vh;
+                object-fit: cover;
+            }
+        }
+
         &.nav-bar-layer {
             bottom: initial;
             background: transparent;