Do not display videojs poster when video is starting

Chocobozzz · Aug 9, 2020 · d552692 · d552692
1 parent c492b05
commit d552692
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/client/src/app/+videos/+video-watch/video-watch.component.scss b/client/src/app/+videos/+video-watch/video-watch.component.scss
@@ -58,6 +58,16 @@ $video-info-margin-left: 44px;
     display: flex;
     justify-content: center;
     flex-grow: 1;
+
+    ::ng-deep .video-js {
+      // Do not display poster when video is starting
+      &.vjs-has-autoplay:not(.vjs-has-started) {
+        .vjs-poster {
+          visibility: hidden;
+          opacity: 0;
+        }
+      }
+    }
   }
 
   .remote-server-down {