Don't show LoadingSpinner and BigPlayButton at the same time

See also https://t-online.atlassian.net/browse/ENGAGE-2730
stroeer · May 25, 2022 · 2f8004a · 2f8004a
1 parent 6d0e84c
commit 2f8004a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
- "version": "0.0.8",
+ "version": "0.0.9",
  "name": "@stroeer/stroeer-videoplayer-livestream-ui",
  "description": "Ströer Videoplayer Livestream UI",
  "main": "dist/StroeerVideoplayer-livestream-ui.cjs.js",

diff --git a/src/UI.ts b/src/UI.ts
@@ -232,24 +232,30 @@ class UI {
 
     const showLoading = (modus: boolean): void => {
       if (modus) {
+        hideElement(overlayContainer)
         showElement(loadingSpinnerContainer)
       } else {
         hideElement(loadingSpinnerContainer)
       }
     }
 
-    StroeerVideoplayer.loading = (modus: boolean): void => {
-      showLoading(modus)
-    }
-
-    StroeerVideoplayer.showBigPlayButton = (modus: boolean): void => {
+    const showBigPlayButton = (modus: boolean): void => {
       if (modus) {
+        hideElement(loadingSpinnerContainer)
         showElement(overlayContainer)
       } else {
         hideElement(overlayContainer)
       }
     }
 
+    StroeerVideoplayer.loading = (modus: boolean): void => {
+      showLoading(modus)
+    }
+
+    StroeerVideoplayer.showBigPlayButton = (modus: boolean): void => {
+      showBigPlayButton(modus)
+    }
+
     videoEl.addEventListener('waiting', () => {
       showLoading(true)
     })