Improve control bar with blank videos

diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index aeff282eb830ac14c1332dfd71fbcdbd2ceb2ac3..e0a07d75933aa8548760cba0706f61d2b8a82c92 100644 (file)
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -139,6 +139,9 @@ $progress-margin: 10px;
 
   .vjs-control-bar {
     height: $control-bar-height;
+    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
+    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
+    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
 
     .vjs-progress-control,
     .vjs-play-control,