stormcloud-video-player 0.6.3 → 0.6.4

package/lib/ui/StormcloudVideoPlayer.cjs

@@ -979,6 +979,7 @@ function createVastAdLayer(contentVideo, options) {
     var destroyed = false;
     var tornDown = false;
     var trackingFired = createEmptyTrackingState();
+    var adStallTimerId;
     var currentAdEventHandlers;
     var preloadSlots = /* @__PURE__ */ new Map();
     function emit(event, payload) {
@@ -1094,7 +1095,14 @@ function createVastAdLayer(contentVideo, options) {
         video.volume = 1;
         return video;
     }
+    function clearAdStallTimer() {
+        if (adStallTimerId != null) {
+            clearTimeout(adStallTimerId);
+            adStallTimerId = void 0;
+        }
+    }
     function removeAdEventListeners() {
+        clearAdStallTimer();
         if (!currentAdEventHandlers || !adVideoElement) return;
         var el = adVideoElement;
         el.removeEventListener("timeupdate", currentAdEventHandlers.timeupdate);
@@ -1104,6 +1112,7 @@ function createVastAdLayer(contentVideo, options) {
         el.removeEventListener("volumechange", currentAdEventHandlers.volumechange);
         el.removeEventListener("pause", currentAdEventHandlers.pause);
         el.removeEventListener("play", currentAdEventHandlers.play);
+        el.removeEventListener("waiting", currentAdEventHandlers.waiting);
         currentAdEventHandlers = void 0;
     }
     function setupAdEventListeners() {
@@ -1128,6 +1137,7 @@ function createVastAdLayer(contentVideo, options) {
                 }
             },
             playing: function playing() {
+                clearAdStallTimer();
                 var ad = currentAd;
                 if (!ad || trackingFired.start) return;
                 trackingFired.start = true;
@@ -1164,6 +1174,16 @@ function createVastAdLayer(contentVideo, options) {
                 if (currentAd && adVideoElement && adVideoElement.currentTime > 0) {
                     fireTrackingPixels2(currentAd.trackingUrls.resume);
                 }
+            },
+            waiting: function waiting() {
+                clearAdStallTimer();
+                adStallTimerId = setTimeout(function() {
+                    adStallTimerId = void 0;
+                    if (adPlaying) {
+                        if (debug) console.warn("".concat(LOG, " Ad video stalled for too long, treating as error"));
+                        handleAdError();
+                    }
+                }, 8e3);
             }
         };
         adVideoElement.addEventListener("timeupdate", handlers.timeupdate);
@@ -1173,6 +1193,7 @@ function createVastAdLayer(contentVideo, options) {
         adVideoElement.addEventListener("volumechange", handlers.volumechange);
         adVideoElement.addEventListener("pause", handlers.pause);
         adVideoElement.addEventListener("play", handlers.play);
+        adVideoElement.addEventListener("waiting", handlers.waiting);
         currentAdEventHandlers = handlers;
     }
     function setAdPlayingFlag(isPlaying) {
@@ -1184,6 +1205,7 @@ function createVastAdLayer(contentVideo, options) {
     }
     function handleAdComplete() {
         if (tornDown) return;
+        clearAdStallTimer();
         if (debug) console.log("".concat(LOG, " Handling ad completion"));
         adPlaying = false;
         setAdPlayingFlag(false);
@@ -1197,6 +1219,7 @@ function createVastAdLayer(contentVideo, options) {
     function handleAdError() {
         if (tornDown) return;
         if (!adPlaying) return;
+        clearAdStallTimer();
         if (debug) console.log("".concat(LOG, " Handling ad error"));
         adPlaying = false;
         setAdPlayingFlag(false);
@@ -1247,6 +1270,7 @@ function createVastAdLayer(contentVideo, options) {
             adHls.loadSource(mediaFile.url);
             adHls.attachMedia(adVideoElement);
             adHls.on(import_hls.default.Events.MANIFEST_PARSED, function() {
+                if (!adPlaying) return;
                 adVideoElement.play().catch(function(error) {
                     console.error("".concat(LOG, " Error starting HLS ad playback:"), error);
                     handleAdError();
@@ -1880,6 +1904,7 @@ function createVastAdLayer(contentVideo, options) {
             return 1;
         },
         showPlaceholder: function showPlaceholder() {
+            if (singleElementMode) return;
             contentVideo.style.opacity = "0";
             contentVideo.style.visibility = "hidden";
             if (!adContainerEl) {
@@ -3576,7 +3601,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                             }
                             _this.adLayer.cancelPreload(token);
                         } else {
-                            _this.showPlaceholderLayer();
+                            if (!_this.config.singlePipelineMode) {
+                                _this.showPlaceholderLayer();
+                            }
                             _this.adLayer.showPlaceholder();
                             _this.isInAdTransition = true;
                             setTimeout(function() {
@@ -3600,7 +3627,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 console.log("[StormcloudVideoPlayer] content_resume: skip pending bids, only", remainingNow1, "ms left");
                             }
                         } else {
-                            _this.showPlaceholderLayer();
+                            if (!_this.config.singlePipelineMode) {
+                                _this.showPlaceholderLayer();
+                            }
                             _this.adLayer.showPlaceholder();
                             _this.isInAdTransition = true;
                             setTimeout(function() {
@@ -4968,7 +4997,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 if (!this.config.disableFiller) this.showAds = true;
                                 if (adBreakDurationMs != null) {
                                     this.startFillerBreakTimer(adBreakDurationMs);
-                                } else if (!this.config.disableFiller) {
+                                } else if (!this.config.disableFiller && this.preloadedTokens.length === 0) {
                                     this.showPlaceholderLayer();
                                 }
                                 if (!this.config.disableFiller) this.adLayer.showPlaceholder();