stormcloud-video-player 0.6.0 → 0.6.2

package/lib/ui/StormcloudVideoPlayer.cjs

@@ -960,14 +960,17 @@ function resolveBidToVastAd(winner, logPrefix) {
     return Promise.resolve(null);
 }
 function createVastAdLayer(contentVideo, options) {
-    var _ref, _ref1;
+    var _ref, _ref1, _ref2, _ref3, _ref4;
     var adPlaying = false;
     var originalMutedState = false;
     var originalVolume = Math.max(0, Math.min(1, contentVideo.volume || 1));
     var listeners = /* @__PURE__ */ new Map();
     var mainHlsInstance = options === null || options === void 0 ? void 0 : options.mainHlsInstance;
     var continueLiveStreamDuringAds = (_ref = options === null || options === void 0 ? void 0 : options.continueLiveStreamDuringAds) !== null && _ref !== void 0 ? _ref : false;
-    var debug = (_ref1 = options === null || options === void 0 ? void 0 : options.debug) !== null && _ref1 !== void 0 ? _ref1 : false;
+    var smartTVMode = (_ref1 = options === null || options === void 0 ? void 0 : options.smartTVMode) !== null && _ref1 !== void 0 ? _ref1 : false;
+    var singleElementMode = (_ref2 = options === null || options === void 0 ? void 0 : options.singleElementMode) !== null && _ref2 !== void 0 ? _ref2 : false;
+    var forceMP4Ads = (_ref3 = options === null || options === void 0 ? void 0 : options.forceMP4Ads) !== null && _ref3 !== void 0 ? _ref3 : smartTVMode || singleElementMode;
+    var debug = (_ref4 = options === null || options === void 0 ? void 0 : options.debug) !== null && _ref4 !== void 0 ? _ref4 : false;
     var adVideoElement;
     var adHls;
     var adContainerEl;
@@ -976,6 +979,7 @@ function createVastAdLayer(contentVideo, options) {
     var destroyed = false;
     var tornDown = false;
     var trackingFired = createEmptyTrackingState();
+    var currentAdEventHandlers;
     var preloadSlots = /* @__PURE__ */ new Map();
     function emit(event, payload) {
         var set = listeners.get(event);
@@ -1037,14 +1041,26 @@ function createVastAdLayer(contentVideo, options) {
         var _ref;
         var _scoredFiles_;
         if (mediaFiles.length === 0) throw new Error("No media files available");
-        var firstFile = mediaFiles[0];
-        if (mediaFiles.length === 1) return firstFile;
+        var candidates = mediaFiles;
+        if (forceMP4Ads) {
+            var mp4Only = candidates.filter(function(f) {
+                return !isHlsMediaFile(f);
+            });
+            if (mp4Only.length > 0) {
+                candidates = mp4Only;
+                if (debug) console.log("".concat(LOG, " forceMP4Ads: filtered to ").concat(mp4Only.length, " MP4-only file(s)"));
+            } else if (debug) {
+                console.warn("".concat(LOG, " forceMP4Ads: no MP4 files available, falling back to all media files"));
+            }
+        }
+        var firstFile = candidates[0];
+        if (candidates.length === 1) return firstFile;
         var mainQuality = getMainStreamQuality();
         if (!mainQuality) {
             if (debug) console.log("".concat(LOG, " No main stream quality info, using first media file"));
             return firstFile;
         }
-        var scoredFiles = mediaFiles.map(function(file) {
+        var scoredFiles = candidates.map(function(file) {
             var widthDiff = Math.abs(file.width - mainQuality.width);
             var heightDiff = Math.abs(file.height - mainQuality.height);
             var resolutionDiff = widthDiff + heightDiff;
@@ -1078,63 +1094,86 @@ function createVastAdLayer(contentVideo, options) {
         video.volume = 1;
         return video;
     }
+    function removeAdEventListeners() {
+        if (!currentAdEventHandlers || !adVideoElement) return;
+        var el = adVideoElement;
+        el.removeEventListener("timeupdate", currentAdEventHandlers.timeupdate);
+        el.removeEventListener("playing", currentAdEventHandlers.playing);
+        el.removeEventListener("ended", currentAdEventHandlers.ended);
+        el.removeEventListener("error", currentAdEventHandlers.error);
+        el.removeEventListener("volumechange", currentAdEventHandlers.volumechange);
+        el.removeEventListener("pause", currentAdEventHandlers.pause);
+        el.removeEventListener("play", currentAdEventHandlers.play);
+        currentAdEventHandlers = void 0;
+    }
     function setupAdEventListeners() {
         if (!adVideoElement) return;
-        adVideoElement.addEventListener("timeupdate", function() {
-            var ad = currentAd;
-            if (!ad || !adVideoElement) return;
-            var progress = adVideoElement.currentTime / ad.duration;
-            if (progress >= 0.25 && !trackingFired.firstQuartile) {
-                trackingFired.firstQuartile = true;
-                fireTrackingPixels2(ad.trackingUrls.firstQuartile);
-            }
-            if (progress >= 0.5 && !trackingFired.midpoint) {
-                trackingFired.midpoint = true;
-                fireTrackingPixels2(ad.trackingUrls.midpoint);
-            }
-            if (progress >= 0.75 && !trackingFired.thirdQuartile) {
-                trackingFired.thirdQuartile = true;
-                fireTrackingPixels2(ad.trackingUrls.thirdQuartile);
-            }
-        });
-        adVideoElement.addEventListener("playing", function() {
-            var ad = currentAd;
-            if (!ad || trackingFired.start) return;
-            trackingFired.start = true;
-            fireTrackingPixels2(ad.trackingUrls.start);
-            if (debug) console.log("".concat(LOG, " Ad started playing"));
-        });
-        adVideoElement.addEventListener("ended", function() {
-            if (tornDown || !currentAd || trackingFired.complete) return;
-            trackingFired.complete = true;
-            fireTrackingPixels2(currentAd.trackingUrls.complete);
-            if (debug) console.log("".concat(LOG, " Ad completed"));
-            handleAdComplete();
-        });
-        adVideoElement.addEventListener("error", function(e) {
-            if (tornDown) return;
-            console.error("".concat(LOG, " Ad video error:"), e);
-            if (currentAd) fireTrackingPixels2(currentAd.trackingUrls.error);
-            handleAdError();
-        });
-        adVideoElement.addEventListener("volumechange", function() {
-            if (!currentAd || !adVideoElement) return;
-            if (adVideoElement.muted) {
-                fireTrackingPixels2(currentAd.trackingUrls.mute);
-            } else {
-                fireTrackingPixels2(currentAd.trackingUrls.unmute);
-            }
-        });
-        adVideoElement.addEventListener("pause", function() {
-            if (currentAd && adVideoElement && !adVideoElement.ended) {
-                fireTrackingPixels2(currentAd.trackingUrls.pause);
-            }
-        });
-        adVideoElement.addEventListener("play", function() {
-            if (currentAd && adVideoElement && adVideoElement.currentTime > 0) {
-                fireTrackingPixels2(currentAd.trackingUrls.resume);
+        removeAdEventListeners();
+        var handlers = {
+            timeupdate: function timeupdate() {
+                var ad = currentAd;
+                if (!ad || !adVideoElement) return;
+                var progress = adVideoElement.currentTime / ad.duration;
+                if (progress >= 0.25 && !trackingFired.firstQuartile) {
+                    trackingFired.firstQuartile = true;
+                    fireTrackingPixels2(ad.trackingUrls.firstQuartile);
+                }
+                if (progress >= 0.5 && !trackingFired.midpoint) {
+                    trackingFired.midpoint = true;
+                    fireTrackingPixels2(ad.trackingUrls.midpoint);
+                }
+                if (progress >= 0.75 && !trackingFired.thirdQuartile) {
+                    trackingFired.thirdQuartile = true;
+                    fireTrackingPixels2(ad.trackingUrls.thirdQuartile);
+                }
+            },
+            playing: function playing() {
+                var ad = currentAd;
+                if (!ad || trackingFired.start) return;
+                trackingFired.start = true;
+                fireTrackingPixels2(ad.trackingUrls.start);
+                if (debug) console.log("".concat(LOG, " Ad started playing"));
+            },
+            ended: function ended() {
+                if (tornDown || !currentAd || trackingFired.complete) return;
+                trackingFired.complete = true;
+                fireTrackingPixels2(currentAd.trackingUrls.complete);
+                if (debug) console.log("".concat(LOG, " Ad completed"));
+                handleAdComplete();
+            },
+            error: function error(e) {
+                if (tornDown) return;
+                console.error("".concat(LOG, " Ad video error:"), e);
+                if (currentAd) fireTrackingPixels2(currentAd.trackingUrls.error);
+                handleAdError();
+            },
+            volumechange: function volumechange() {
+                if (!currentAd || !adVideoElement) return;
+                if (adVideoElement.muted) {
+                    fireTrackingPixels2(currentAd.trackingUrls.mute);
+                } else {
+                    fireTrackingPixels2(currentAd.trackingUrls.unmute);
+                }
+            },
+            pause: function pause() {
+                if (currentAd && adVideoElement && !adVideoElement.ended) {
+                    fireTrackingPixels2(currentAd.trackingUrls.pause);
+                }
+            },
+            play: function play() {
+                if (currentAd && adVideoElement && adVideoElement.currentTime > 0) {
+                    fireTrackingPixels2(currentAd.trackingUrls.resume);
+                }
             }
-        });
+        };
+        adVideoElement.addEventListener("timeupdate", handlers.timeupdate);
+        adVideoElement.addEventListener("playing", handlers.playing);
+        adVideoElement.addEventListener("ended", handlers.ended);
+        adVideoElement.addEventListener("error", handlers.error);
+        adVideoElement.addEventListener("volumechange", handlers.volumechange);
+        adVideoElement.addEventListener("pause", handlers.pause);
+        adVideoElement.addEventListener("play", handlers.play);
+        currentAdEventHandlers = handlers;
     }
     function setAdPlayingFlag(isPlaying) {
         if (isPlaying) {
@@ -1157,6 +1196,7 @@ function createVastAdLayer(contentVideo, options) {
     }
     function handleAdError() {
         if (tornDown) return;
+        if (!adPlaying) return;
         if (debug) console.log("".concat(LOG, " Handling ad error"));
         adPlaying = false;
         setAdPlayingFlag(false);
@@ -1167,14 +1207,19 @@ function createVastAdLayer(contentVideo, options) {
         emit("ad_error");
     }
     function teardownCurrentPlayback() {
+        removeAdEventListeners();
         if (adHls) {
             adHls.destroy();
             adHls = void 0;
         }
         if (adVideoElement) {
-            adVideoElement.pause();
-            adVideoElement.removeAttribute("src");
-            adVideoElement.load();
+            if (singleElementMode && adVideoElement === contentVideo) {
+                contentVideo.pause();
+            } else {
+                adVideoElement.pause();
+                adVideoElement.removeAttribute("src");
+                adVideoElement.load();
+            }
         }
     }
     function startNativePlayback(mediaFile) {
@@ -1207,8 +1252,17 @@ function createVastAdLayer(contentVideo, options) {
                     handleAdError();
                 });
             });
+            var nonFatalNetworkErrors = 0;
             adHls.on(import_hls.default.Events.ERROR, function(_event, data) {
-                if (data.fatal) handleAdError();
+                if (data.fatal) {
+                    handleAdError();
+                } else if (data.type === import_hls.default.ErrorTypes.NETWORK_ERROR) {
+                    nonFatalNetworkErrors++;
+                    if (nonFatalNetworkErrors >= 3) {
+                        if (debug) console.warn("".concat(LOG, " Too many non-fatal HLS network errors (").concat(nonFatalNetworkErrors, "), treating as fatal"));
+                        handleAdError();
+                    }
+                }
             });
         } else if (adVideoElement.canPlayType("application/vnd.apple.mpegurl")) {
             adVideoElement.src = mediaFile.url;
@@ -1223,6 +1277,16 @@ function createVastAdLayer(contentVideo, options) {
     }
     function startPlayback(mediaFile) {
         if (!adVideoElement) return;
+        if (singleElementMode && isHlsMediaFile(mediaFile)) {
+            var mp4Fallback = currentAd === null || currentAd === void 0 ? void 0 : currentAd.mediaFiles.find(function(f) {
+                return !isHlsMediaFile(f);
+            });
+            if (mp4Fallback) {
+                if (debug) console.log("".concat(LOG, " singleElementMode: HLS ad blocked, using MP4 fallback"));
+                startNativePlayback(mp4Fallback);
+                return;
+            }
+        }
         if (isHlsMediaFile(mediaFile)) {
             startHlsPlayback(mediaFile);
         } else {
@@ -1231,7 +1295,7 @@ function createVastAdLayer(contentVideo, options) {
     }
     function playAd(bids) {
         return _async_to_generator(function() {
-            var winner, ad, _contentVideo_parentElement, container, contentVolume, adVolume, mediaFile;
+            var winner, ad, contentVolume, _contentVideo_parentElement, container, adVolume, mediaFile;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -1273,32 +1337,40 @@ function createVastAdLayer(contentVideo, options) {
                         trackingFired = _object_spread({}, createEmptyTrackingState());
                         fireTrackingPixels2(ad.trackingUrls.impression);
                         trackingFired.impression = true;
-                        if (!adContainerEl) {
-                            ;
-                            container = document.createElement("div");
-                            container.style.position = "absolute";
-                            container.style.left = "0";
-                            container.style.top = "0";
-                            container.style.right = "0";
-                            container.style.bottom = "0";
-                            container.style.display = "none";
-                            container.style.alignItems = "center";
-                            container.style.justifyContent = "center";
-                            container.style.pointerEvents = "none";
-                            container.style.zIndex = "10";
-                            container.style.backgroundColor = "#000";
-                            (_contentVideo_parentElement = contentVideo.parentElement) === null || _contentVideo_parentElement === void 0 ? void 0 : _contentVideo_parentElement.appendChild(container);
-                            adContainerEl = container;
-                        }
-                        if (!adVideoElement) {
-                            adVideoElement = createAdVideoElement();
-                            adContainerEl.appendChild(adVideoElement);
+                        contentVolume = contentVideo.volume;
+                        originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
+                        if (singleElementMode) {
+                            mainHlsInstance === null || mainHlsInstance === void 0 ? void 0 : mainHlsInstance.detachMedia();
+                            teardownCurrentPlayback();
+                            adVideoElement = contentVideo;
+                            adHls = void 0;
                             setupAdEventListeners();
                         } else {
-                            teardownCurrentPlayback();
+                            if (!adContainerEl) {
+                                ;
+                                container = document.createElement("div");
+                                container.style.position = "absolute";
+                                container.style.left = "0";
+                                container.style.top = "0";
+                                container.style.right = "0";
+                                container.style.bottom = "0";
+                                container.style.display = "none";
+                                container.style.alignItems = "center";
+                                container.style.justifyContent = "center";
+                                container.style.pointerEvents = "none";
+                                container.style.zIndex = "10";
+                                container.style.backgroundColor = "#000";
+                                (_contentVideo_parentElement = contentVideo.parentElement) === null || _contentVideo_parentElement === void 0 ? void 0 : _contentVideo_parentElement.appendChild(container);
+                                adContainerEl = container;
+                            }
+                            if (!adVideoElement) {
+                                adVideoElement = createAdVideoElement();
+                                adContainerEl.appendChild(adVideoElement);
+                                setupAdEventListeners();
+                            } else {
+                                teardownCurrentPlayback();
+                            }
                         }
-                        contentVolume = contentVideo.volume;
-                        originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
                         if (!continueLiveStreamDuringAds) {
                             contentVideo.pause();
                         }
@@ -1309,7 +1381,7 @@ function createVastAdLayer(contentVideo, options) {
                         adVolume = originalMutedState ? 1 : originalVolume;
                         adVideoElement.volume = Math.max(0, Math.min(1, adVolume));
                         adVideoElement.muted = false;
-                        if (adContainerEl) {
+                        if (!singleElementMode && adContainerEl) {
                             adContainerEl.style.display = "flex";
                             adContainerEl.style.pointerEvents = "auto";
                         }
@@ -1346,7 +1418,7 @@ function createVastAdLayer(contentVideo, options) {
     }
     function preloadAd(bids, token) {
         return _async_to_generator(function() {
-            var winner, ad, mediaFile, videoEl, container, hls, slot, slot1;
+            var winner, ad, mediaFile, slot, videoEl, container, hls, slot1, slot2;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -1371,6 +1443,20 @@ function createVastAdLayer(contentVideo, options) {
                         if (!mediaFile) return [
                             2
                         ];
+                        if (smartTVMode || singleElementMode) {
+                            slot = {
+                                bids: bids,
+                                ad: ad,
+                                mediaFile: mediaFile,
+                                videoEl: null,
+                                ready: true
+                            };
+                            preloadSlots.set(token, slot);
+                            if (debug) console.log("".concat(LOG, " [preload] Metadata-only preload (smartTV/singleElement), token=").concat(token, ", url=").concat(mediaFile.url));
+                            return [
+                                2
+                            ];
+                        }
                         videoEl = createAdVideoElement();
                         videoEl.style.visibility = "hidden";
                         videoEl.style.pointerEvents = "none";
@@ -1384,7 +1470,7 @@ function createVastAdLayer(contentVideo, options) {
                             });
                             hls.loadSource(mediaFile.url);
                             hls.attachMedia(videoEl);
-                            slot = {
+                            slot1 = {
                                 bids: bids,
                                 ad: ad,
                                 mediaFile: mediaFile,
@@ -1392,7 +1478,7 @@ function createVastAdLayer(contentVideo, options) {
                                 hlsInstance: hls,
                                 ready: false
                             };
-                            preloadSlots.set(token, slot);
+                            preloadSlots.set(token, slot1);
                             hls.on(import_hls.default.Events.MANIFEST_PARSED, function() {
                                 var s = preloadSlots.get(token);
                                 if (s) s.ready = true;
@@ -1409,14 +1495,14 @@ function createVastAdLayer(contentVideo, options) {
                         } else {
                             videoEl.src = mediaFile.url;
                             videoEl.load();
-                            slot1 = {
+                            slot2 = {
                                 bids: bids,
                                 ad: ad,
                                 mediaFile: mediaFile,
                                 videoEl: videoEl,
                                 ready: false
                             };
-                            preloadSlots.set(token, slot1);
+                            preloadSlots.set(token, slot2);
                             videoEl.addEventListener("canplay", function() {
                                 var s = preloadSlots.get(token);
                                 if (s) s.ready = true;
@@ -1435,7 +1521,7 @@ function createVastAdLayer(contentVideo, options) {
     }
     function playPreloaded(token) {
         return _async_to_generator(function() {
-            var slot, contentVolume, adVolume, container;
+            var slot, contentVolume, adVolume2, videoEl, container2, adVolume21, adVolume, container;
             return _ts_generator(this, function(_state) {
                 if (destroyed) return [
                     2,
@@ -1450,6 +1536,68 @@ function createVastAdLayer(contentVideo, options) {
                 }
                 preloadSlots.delete(token);
                 if (debug) console.log("".concat(LOG, " [preload] Playing preloaded ad, token=").concat(token, ", ready=").concat(slot.ready));
+                contentVolume = contentVideo.volume;
+                originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
+                sessionId = generateSessionId();
+                currentAd = slot.ad;
+                trackingFired = _object_spread({}, createEmptyTrackingState());
+                fireTrackingPixels2(slot.ad.trackingUrls.impression);
+                trackingFired.impression = true;
+                if (singleElementMode) {
+                    mainHlsInstance === null || mainHlsInstance === void 0 ? void 0 : mainHlsInstance.detachMedia();
+                    teardownCurrentPlayback();
+                    adVideoElement = contentVideo;
+                    adHls = void 0;
+                    setupAdEventListeners();
+                    if (!continueLiveStreamDuringAds) {
+                        contentVideo.pause();
+                    }
+                    contentVideo.muted = true;
+                    contentVideo.volume = 0;
+                    adPlaying = true;
+                    setAdPlayingFlag(true);
+                    adVolume2 = originalMutedState ? 1 : originalVolume;
+                    contentVideo.volume = Math.max(0, Math.min(1, adVolume2));
+                    contentVideo.muted = false;
+                    emit("content_pause");
+                    if (debug) console.log("".concat(LOG, " [preload] singleElementMode: attaching ad to contentVideo, url=").concat(slot.mediaFile.url));
+                    startPlayback(slot.mediaFile);
+                    return [
+                        2
+                    ];
+                }
+                if (smartTVMode && !slot.videoEl) {
+                    teardownCurrentPlayback();
+                    if (adVideoElement) {
+                        adVideoElement.remove();
+                        adVideoElement = void 0;
+                    }
+                    videoEl = createAdVideoElement();
+                    videoEl.style.visibility = "visible";
+                    videoEl.style.pointerEvents = "none";
+                    container2 = ensureAdContainer();
+                    container2.appendChild(videoEl);
+                    adVideoElement = videoEl;
+                    setupAdEventListeners();
+                    if (!continueLiveStreamDuringAds) {
+                        contentVideo.pause();
+                    }
+                    contentVideo.muted = true;
+                    contentVideo.volume = 0;
+                    adPlaying = true;
+                    setAdPlayingFlag(true);
+                    adVolume21 = originalMutedState ? 1 : originalVolume;
+                    adVideoElement.volume = Math.max(0, Math.min(1, adVolume21));
+                    adVideoElement.muted = false;
+                    container2.style.display = "flex";
+                    container2.style.pointerEvents = "auto";
+                    emit("content_pause");
+                    if (debug) console.log("".concat(LOG, " [preload] smartTVMode deferred: creating video element and loading, url=").concat(slot.mediaFile.url));
+                    startPlayback(slot.mediaFile);
+                    return [
+                        2
+                    ];
+                }
                 teardownCurrentPlayback();
                 if (adVideoElement && adVideoElement !== slot.videoEl) {
                     adVideoElement.remove();
@@ -1459,13 +1607,6 @@ function createVastAdLayer(contentVideo, options) {
                 adVideoElement = slot.videoEl;
                 adHls = slot.hlsInstance;
                 setupAdEventListeners();
-                sessionId = generateSessionId();
-                currentAd = slot.ad;
-                trackingFired = _object_spread({}, createEmptyTrackingState());
-                fireTrackingPixels2(slot.ad.trackingUrls.impression);
-                trackingFired.impression = true;
-                contentVolume = contentVideo.volume;
-                originalVolume = Math.max(0, Math.min(1, contentVolume || originalVolume));
                 if (!continueLiveStreamDuringAds) {
                     contentVideo.pause();
                 }
@@ -1480,17 +1621,10 @@ function createVastAdLayer(contentVideo, options) {
                 container.style.display = "flex";
                 container.style.pointerEvents = "auto";
                 emit("content_pause");
-                if (slot.hlsInstance) {
-                    adVideoElement.play().catch(function(error) {
-                        console.error("".concat(LOG, " [preload] Error playing preloaded HLS ad:"), error);
-                        handleAdError();
-                    });
-                } else {
-                    adVideoElement.play().catch(function(error) {
-                        console.error("".concat(LOG, " [preload] Error playing preloaded ad:"), error);
-                        handleAdError();
-                    });
-                }
+                adVideoElement.play().catch(function(error) {
+                    console.error("".concat(LOG, " [preload] Error playing preloaded ad:"), error);
+                    handleAdError();
+                });
                 return [
                     2
                 ];
@@ -1504,10 +1638,12 @@ function createVastAdLayer(contentVideo, options) {
         if (slot.hlsInstance) {
             slot.hlsInstance.destroy();
         }
-        slot.videoEl.pause();
-        slot.videoEl.removeAttribute("src");
-        slot.videoEl.load();
-        slot.videoEl.remove();
+        if (slot.videoEl) {
+            slot.videoEl.pause();
+            slot.videoEl.removeAttribute("src");
+            slot.videoEl.load();
+            slot.videoEl.remove();
+        }
         if (debug) console.log("".concat(LOG, " [preload] Cancelled and cleaned up token=").concat(token));
     }
     return {
@@ -1555,20 +1691,27 @@ function createVastAdLayer(contentVideo, options) {
                     setAdPlayingFlag(false);
                     contentVideo.muted = originalMutedState;
                     contentVideo.volume = originalMutedState ? 0 : originalVolume;
-                    if (adContainerEl) {
-                        adContainerEl.style.display = "none";
-                        adContainerEl.style.pointerEvents = "none";
-                    }
                     contentVideo.style.visibility = "visible";
                     contentVideo.style.opacity = "1";
-                    if (continueLiveStreamDuringAds) {
-                        contentVideo.play().catch(function() {});
-                    }
-                    teardownCurrentPlayback();
-                    if (adVideoElement) {
-                        adVideoElement.pause();
-                        adVideoElement.removeAttribute("src");
-                        adVideoElement.load();
+                    if (singleElementMode) {
+                        teardownCurrentPlayback();
+                        contentVideo.removeAttribute("src");
+                        contentVideo.load();
+                        adVideoElement = void 0;
+                    } else {
+                        if (adContainerEl) {
+                            adContainerEl.style.display = "none";
+                            adContainerEl.style.pointerEvents = "none";
+                        }
+                        if (continueLiveStreamDuringAds) {
+                            contentVideo.play().catch(function() {});
+                        }
+                        teardownCurrentPlayback();
+                        if (adVideoElement) {
+                            adVideoElement.pause();
+                            adVideoElement.removeAttribute("src");
+                            adVideoElement.load();
+                        }
                     }
                     currentAd = void 0;
                     tornDown = false;
@@ -1608,9 +1751,14 @@ function createVastAdLayer(contentVideo, options) {
             }
             teardownCurrentPlayback();
             if (adVideoElement) {
-                adVideoElement.pause();
-                adVideoElement.removeAttribute("src");
-                adVideoElement.remove();
+                if (singleElementMode && adVideoElement === contentVideo) {
+                    contentVideo.removeAttribute("src");
+                    contentVideo.load();
+                } else {
+                    adVideoElement.pause();
+                    adVideoElement.removeAttribute("src");
+                    adVideoElement.remove();
+                }
                 adVideoElement = void 0;
             }
             if (adContainerEl === null || adContainerEl === void 0 ? void 0 : adContainerEl.parentElement) {
@@ -2808,8 +2956,13 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
         this.vastManager = createVastManager(config.debugAdTiming !== void 0 ? {
             debug: !!config.debugAdTiming
         } : {});
+        var browserForAdLayer = detectBrowser();
+        var isSinglePipeline = browserForAdLayer.isSmartTV || !!this.config.singlePipelineMode;
         this.adLayer = createVastAdLayer(this.video, {
             continueLiveStreamDuringAds: false,
+            smartTVMode: isSinglePipeline,
+            singleElementMode: isSinglePipeline,
+            forceMP4Ads: isSinglePipeline,
             debug: !!config.debugAdTiming
         });
     }
@@ -3455,6 +3608,16 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                     if (_this.fillerVideo) {
                         _this.fillerVideo.style.display = "none";
                     }
+                    if (!_this.adLayer.isAdPlaying()) {
+                        if (_this.config.debugAdTiming) {
+                            console.log("[StormcloudVideoPlayer] Filler video failed \u2014 restoring main video");
+                        }
+                        _this.adLayer.hidePlaceholder();
+                        if (_this.video.paused && _this.video.readyState >= 2) {
+                            var _this_video_play;
+                            (_this_video_play = _this.video.play()) === null || _this_video_play === void 0 ? void 0 : _this_video_play.catch(function() {});
+                        }
+                    }
                 });
                 if (this.config.debugAdTiming) {
                     console.log("[StormcloudVideoPlayer] Showing filler video layer");
@@ -4171,6 +4334,13 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 if (!this.isLiveStream) {
                     return false;
                 }
+                if (this.config.singlePipelineMode) {
+                    return false;
+                }
+                var browser = detectBrowser();
+                if (browser.isSmartTV) {
+                    return false;
+                }
                 return true;
             }
         },
@@ -4378,7 +4548,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                         switch(_state.label){
                             case 0:
                                 _loop = function() {
-                                    var remaining, prefetchContext, bids, err, bids1, remainingNow, delay, elapsed, remaining1, context, bids2, remainingNow1, err1;
+                                    var remaining, prefetchContext, bids, err, bids1, remainingNow, urgentNeedAd, delay, elapsed, remaining1, context, bids2, remainingNow1, err1, sleepMs;
                                     return _ts_generator(this, function(_state) {
                                         switch(_state.label){
                                             case 0:
@@ -4514,7 +4684,8 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                                     "continue"
                                                 ];
                                             case 12:
-                                                delay = _this.lastAdRequestTime ? _this.minAdRequestIntervalMs + (_this.consecutiveFailures > 0 ? backoffMs() : 0) : 0;
+                                                urgentNeedAd = _this.inAdBreak && !_this.adLayer.isAdPlaying();
+                                                delay = _this.lastAdRequestTime ? _this.minAdRequestIntervalMs + (!urgentNeedAd && _this.consecutiveFailures > 0 ? backoffMs() : 0) : 0;
                                                 elapsed = Date.now() - _this.lastAdRequestTime;
                                                 if (!(elapsed < delay && _this.lastAdRequestTime > 0)) return [
                                                     3,
@@ -4633,10 +4804,11 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                                     24
                                                 ];
                                             case 24:
+                                                sleepMs = _this.inAdBreak && !_this.adLayer.isAdPlaying() ? 0 : backoffMs();
                                                 return [
                                                     4,
                                                     new Promise(function(r) {
-                                                        return setTimeout(r, backoffMs());
+                                                        return setTimeout(r, sleepMs);
                                                     })
                                                 ];
                                             case 25:
@@ -5315,42 +5487,71 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                     this.video.volume = restoredVolume;
                 }
                 var browser = detectBrowser();
-                var isSmartTV = browser.tizenVersion !== void 0 || browser.webOSVersion !== void 0;
+                var isSmartTV = browser.tizenVersion !== void 0 || browser.webOSVersion !== void 0 || !!this.config.singlePipelineMode;
                 if (isSmartTV && this.hls) {
-                    if (!restoredMuted) {
-                        var hlsRef = this.hls;
-                        var savedMuted = restoredMuted;
-                        var savedVolume = restoredVolume;
-                        var onManifestParsedRestore = function onManifestParsedRestore1() {
-                            hlsRef.off(import_hls2.default.Events.MANIFEST_PARSED, onManifestParsedRestore);
-                            if (!_this.inAdBreak && !_this.adLayer.isAdPlaying()) {
-                                if (_this.video.muted !== savedMuted) _this.video.muted = savedMuted;
-                                if (Math.abs(_this.video.volume - savedVolume) > 0.01) _this.video.volume = savedVolume;
-                                if (_this.config.debugAdTiming) {
-                                    console.log("[StormcloudVideoPlayer] Smart TV: audio state restored on MANIFEST_PARSED after re-attach");
+                    var hlsRef = this.hls;
+                    var savedMuted = restoredMuted;
+                    var savedVolume = restoredVolume;
+                    var videoRef = this.video;
+                    var debugEnabled = this.config.debugAdTiming;
+                    var tryPlay = function tryPlay1(attempt) {
+                        var _videoRef_play;
+                        if (_this.inAdBreak || _this.adLayer.isAdPlaying()) return;
+                        (_videoRef_play = videoRef.play()) === null || _videoRef_play === void 0 ? void 0 : _videoRef_play.catch(function() {
+                            if (attempt < 3) {
+                                if (debugEnabled) {
+                                    console.log("[StormcloudVideoPlayer] Smart TV: play() retry ".concat(attempt + 1, "/3 in ").concat(500 * (attempt + 1), "ms"));
                                 }
+                                setTimeout(function() {
+                                    return tryPlay(attempt + 1);
+                                }, 500 * (attempt + 1));
                             }
-                        };
-                        hlsRef.on(import_hls2.default.Events.MANIFEST_PARSED, onManifestParsedRestore);
-                    }
-                    this.hls.attachMedia(this.video);
-                    if (this.config.debugAdTiming) {
-                        console.log("[StormcloudVideoPlayer] Smart TV: re-attached HLS to video element after ad break to restore media pipeline");
+                        });
+                    };
+                    var onManifestParsedRestore = function onManifestParsedRestore1() {
+                        hlsRef.off(import_hls2.default.Events.MANIFEST_PARSED, onManifestParsedRestore);
+                        if (!_this.inAdBreak && !_this.adLayer.isAdPlaying()) {
+                            if (videoRef.muted !== savedMuted) videoRef.muted = savedMuted;
+                            if (Math.abs(videoRef.volume - savedVolume) > 0.01) videoRef.volume = savedVolume;
+                            if (debugEnabled) {
+                                console.log("[StormcloudVideoPlayer] Smart TV: audio state restored on MANIFEST_PARSED after re-attach");
+                            }
+                            hlsRef.startLoad(-1);
+                            tryPlay(0);
+                            if (debugEnabled) {
+                                console.log("[StormcloudVideoPlayer] Smart TV: seeking to live edge and resuming playback after re-attach");
+                            }
+                        }
+                    };
+                    hlsRef.on(import_hls2.default.Events.MANIFEST_PARSED, onManifestParsedRestore);
+                    var pipelineDelayMs = 300;
+                    if (debugEnabled) {
+                        console.log("[StormcloudVideoPlayer] Smart TV: waiting ".concat(pipelineDelayMs, "ms for hardware pipeline release before re-attach"));
                     }
-                }
-                if (this.shouldContinueLiveStreamDuringAds()) {
-                    var _this_video_play;
-                    if (this.config.debugAdTiming) {
-                        if (this.video.paused) {
-                            console.log("[StormcloudVideoPlayer] Content video paused in live mode after ads, resuming playback");
-                        } else {
-                            console.log("[StormcloudVideoPlayer] Content video already playing in live mode after ads");
+                    setTimeout(function() {
+                        if (_this.inAdBreak || _this.adLayer.isAdPlaying()) return;
+                        if (_this.hls) {
+                            _this.hls.attachMedia(_this.video);
+                            if (debugEnabled) {
+                                console.log("[StormcloudVideoPlayer] Smart TV: re-attached HLS to video element after ad break to restore media pipeline");
+                            }
                         }
+                    }, pipelineDelayMs);
+                } else {
+                    if (this.shouldContinueLiveStreamDuringAds()) {
+                        var _this_video_play;
+                        if (this.config.debugAdTiming) {
+                            if (this.video.paused) {
+                                console.log("[StormcloudVideoPlayer] Content video paused in live mode after ads, resuming playback");
+                            } else {
+                                console.log("[StormcloudVideoPlayer] Content video already playing in live mode after ads");
+                            }
+                        }
+                        (_this_video_play = this.video.play()) === null || _this_video_play === void 0 ? void 0 : _this_video_play.catch(function() {});
+                    } else if (this.video.paused) {
+                        var _this_video_play1;
+                        (_this_video_play1 = this.video.play()) === null || _this_video_play1 === void 0 ? void 0 : _this_video_play1.catch(function() {});
                     }
-                    (_this_video_play = this.video.play()) === null || _this_video_play === void 0 ? void 0 : _this_video_play.catch(function() {});
-                } else if (this.video.paused) {
-                    var _this_video_play1;
-                    (_this_video_play1 = this.video.play()) === null || _this_video_play1 === void 0 ? void 0 : _this_video_play1.catch(function() {});
                 }
                 this.syncMainContentAudioWhenVisible();
                 if (!restoredMuted) {
@@ -5401,6 +5602,23 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                         console.log("[CONTINUOUS-FETCH] \uD83D\uDED1 Max consecutive failures reached (".concat(this.consecutiveFailures, "), ending ad break gracefully"));
                     }
                     this.handleAdPodComplete();
+                    return;
+                }
+                if (this.inAdBreak && !this.config.disableFiller) {
+                    if (this.config.debugAdTiming) {
+                        console.log("[CONTINUOUS-FETCH] Ad failure in active break \u2014 showing filler while awaiting next ad");
+                    }
+                    this.showPlaceholderLayer();
+                    this.adLayer.showPlaceholder();
+                } else if (this.inAdBreak) {
+                    if (this.config.debugAdTiming) {
+                        console.log("[CONTINUOUS-FETCH] Ad failure with no filler \u2014 restoring main video temporarily");
+                    }
+                    this.adLayer.hidePlaceholder();
+                    if (!this.adLayer.isAdPlaying() && this.video.paused && this.video.readyState >= 2) {
+                        var _this_video_play;
+                        (_this_video_play = this.video.play()) === null || _this_video_play === void 0 ? void 0 : _this_video_play.catch(function() {});
+                    }
                 }
             }
         },