diff --git a/src/routes/Player/BufferingLoader/styles.less b/src/routes/Player/BufferingLoader/styles.less
index 5b60eee14..68bc83ff3 100644
--- a/src/routes/Player/BufferingLoader/styles.less
+++ b/src/routes/Player/BufferingLoader/styles.less
@@ -7,7 +7,19 @@
.buffering-loader {
flex: none;
- width: 10rem;
- height: 10rem;
+ max-width: 15rem;
+ max-height: 15rem;
+ animation: fadeInOut 2s infinite;
+ display: block;
+ width: auto;
+ height: auto;
}
-}
\ No newline at end of file
+
+}
+
+
+@keyframes fadeInOut {
+ 0% { opacity: 0.2; }
+ 50% { opacity: 1; }
+ 100% { opacity: 0.2; }
+}
diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index 09f5a7728..cfdbaf4ce 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -631,7 +631,7 @@ const Player = ({ urlParams, queryParams }) => {
/>
{
videoState.buffering ?
-
+
:
null
}