diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index 538aafaaf..7dc09f408 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -611,7 +611,7 @@ const Player = ({ urlParams, queryParams }) => {
                 onDoubleClick={onVideoDoubleClick}
             />
             {
-                video.state.buffering ?
+                (video.state.buffering || !video.state.loaded) && !error ?
                     <BufferingLoader className={classnames(styles['layer'], styles['buffering-layer'])} logo={player?.metaItem?.content?.logo} />
                     :
                     null
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index b86d2fe23..a9e62020c 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -41,7 +41,6 @@ html:not(.active-slider-within) {
         z-index: 0;
 
         &.buffering-layer, &.error-layer {
-            z-index: 1;
             background: transparent;
         }
 
@@ -58,7 +57,6 @@ html:not(.active-slider-within) {
             bottom: initial;
             background: transparent;
             overflow: visible;
-            z-index: 2;
 
             &::before {
                 position: absolute;
@@ -88,7 +86,6 @@ html:not(.active-slider-within) {
         &.control-bar-layer {
             top: initial;
             overflow: visible;
-            z-index: 2;
 
             &::before {
                 position: absolute;