stormcloud-video-player 0.6.0 → 0.6.2

package/lib/sdk/vastAdLayer.cjs

@@ -599,14 +599,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;
@@ -615,6 +618,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);
@@ -676,14 +680,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;
@@ -717,63 +733,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) {
@@ -796,6 +835,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);
@@ -806,14 +846,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) {
@@ -846,8 +891,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;
@@ -862,6 +916,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 {
@@ -870,7 +934,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:
@@ -912,32 +976,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();
                         }
@@ -948,7 +1020,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";
                         }
@@ -985,7 +1057,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:
@@ -1010,6 +1082,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";
@@ -1023,7 +1109,7 @@ function createVastAdLayer(contentVideo, options) {
                             });
                             hls.loadSource(mediaFile.url);
                             hls.attachMedia(videoEl);
-                            slot = {
+                            slot1 = {
                                 bids: bids,
                                 ad: ad,
                                 mediaFile: mediaFile,
@@ -1031,7 +1117,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;
@@ -1048,14 +1134,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;
@@ -1074,7 +1160,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,
@@ -1089,6 +1175,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();
@@ -1098,13 +1246,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();
                 }
@@ -1119,17 +1260,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
                 ];
@@ -1143,10 +1277,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 {
@@ -1194,20 +1330,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;
@@ -1247,9 +1390,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) {