stormcloud-video-player 0.2.21 → 0.2.23

package/lib/players/index.cjs

@@ -540,7 +540,9 @@ function createImaController(video, options) {
                 adsManager.addEventListener(
                   AdEvent.CONTENT_PAUSE_REQUESTED,
                   () => {
-                    console.log("[IMA] Content pause requested");
+                    console.log(
+                      "[IMA] Content pause requested - FORCE MUTING main video"
+                    );
                     if (!(options == null ? void 0 : options.continueLiveStreamDuringAds)) {
                       video.pause();
                       console.log("[IMA] Video paused (VOD mode)");
@@ -550,14 +552,19 @@ function createImaController(video, options) {
                       );
                     }
                     video.muted = true;
+                    video.volume = 0;
                     adPlaying = true;
                     setAdPlayingFlag(true);
                     emit("content_pause");
                   }
                 );
                 adsManager.addEventListener(AdEvent.STARTED, () => {
-                  console.log("[IMA] Ad started playing");
+                  console.log(
+                    "[IMA] Ad started playing - FORCE MUTING main video"
+                  );
                   setAdPlayingFlag(true);
+                  video.muted = true;
+                  video.volume = 0;
                   if (adContainerEl) {
                     adContainerEl.style.pointerEvents = "auto";
                     adContainerEl.style.display = "flex";
@@ -573,6 +580,18 @@ function createImaController(video, options) {
                     adPlaying = false;
                     setAdPlayingFlag(false);
                     emit("content_resume");
+                    setTimeout(() => {
+                      const stillInPod = video.dataset.stormcloudAdPlaying === "true";
+                      if (stillInPod) {
+                        console.log(
+                          "[IMA] Still in ad pod - keeping ad container visible (black screen)"
+                        );
+                        if (adContainerEl) {
+                          adContainerEl.style.display = "flex";
+                          adContainerEl.style.pointerEvents = "auto";
+                        }
+                      }
+                    }, 50);
                   }
                 );
                 adsManager.addEventListener(AdEvent.ALL_ADS_COMPLETED, () => {
@@ -1122,6 +1141,18 @@ function createHlsAdPlayer(contentVideo, options) {
     adPlaying = false;
     setAdPlayingFlag(false);
     emit("content_resume");
+    setTimeout(() => {
+      const stillInPod = contentVideo.dataset.stormcloudAdPlaying === "true";
+      if (stillInPod) {
+        console.log(
+          "[HlsAdPlayer] Still in ad pod - keeping ad container visible (black screen)"
+        );
+        if (adContainerEl) {
+          adContainerEl.style.display = "flex";
+          adContainerEl.style.pointerEvents = "auto";
+        }
+      }
+    }, 50);
   }
   function handleAdError() {
     console.log("[HlsAdPlayer] Handling ad error");
@@ -1233,7 +1264,9 @@ function createHlsAdPlayer(contentVideo, options) {
         } else {
           console.log("[HlsAdPlayer] Content continues (Live mode)");
         }
+        console.log("[HlsAdPlayer] FORCE MUTING main video");
         contentVideo.muted = true;
+        contentVideo.volume = 0;
         adPlaying = true;
         setAdPlayingFlag(true);
         if (adVideoElement) {
@@ -2178,6 +2211,9 @@ var StormcloudVideoPlayer = class {
       if (remaining > 500 && this.adPodQueue.length > 0) {
         const next = this.adPodQueue.shift();
         this.currentAdIndex++;
+        this.video.dataset.stormcloudAdPlaying = "true";
+        this.video.muted = true;
+        this.video.volume = 0;
         if (this.config.debugAdTiming) {
           console.log(
             `[StormcloudVideoPlayer] Playing next ad in pod (${this.currentAdIndex}/${this.totalAdsInBreak}) - main video stays muted, ad layer stays visible`
@@ -3010,7 +3046,7 @@ var StormcloudVideoPlayer = class {
     var _a;
     if (this.config.debugAdTiming) {
       console.log(
-        "[StormcloudVideoPlayer] Handling ad pod completion - resuming content"
+        "[StormcloudVideoPlayer] Handling ad pod completion - resuming content and hiding ad layer"
       );
     }
     this.inAdBreak = false;
@@ -3023,11 +3059,14 @@ var StormcloudVideoPlayer = class {
     this.showAds = false;
     this.currentAdIndex = 0;
     this.totalAdsInBreak = 0;
+    this.ima.stop().catch(() => {
+    });
     const originalMutedState = this.ima.getOriginalMutedState();
     this.video.muted = originalMutedState;
+    this.video.volume = originalMutedState ? 0 : 1;
     if (this.config.debugAdTiming) {
       console.log(
-        `[StormcloudVideoPlayer] Restored main video mute state to: ${originalMutedState}`
+        `[StormcloudVideoPlayer] Restored main video - muted: ${originalMutedState}, volume: ${this.video.volume}`
       );
     }
     if (!this.shouldContinueLiveStreamDuringAds() && this.video.paused) {