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 }