stormcloud-video-player 0.6.4 → 0.6.6

package/lib/sdk/vastAdLayer.cjs

@@ -619,6 +619,7 @@ function createVastAdLayer(contentVideo, options) {
     var tornDown = false;
     var trackingFired = createEmptyTrackingState();
     var adStallTimerId;
+    var savedContentVideoStyles;
     var currentAdEventHandlers;
     var preloadSlots = /* @__PURE__ */ new Map();
     function emit(event, payload) {
@@ -692,6 +693,14 @@ function createVastAdLayer(contentVideo, options) {
             } else if (debug) {
                 console.warn("".concat(LOG, " forceMP4Ads: no MP4 files available, falling back to all media files"));
             }
+        } else {
+            var mp4Only1 = candidates.filter(function(f) {
+                return !isHlsMediaFile(f);
+            });
+            if (mp4Only1.length > 0) {
+                candidates = mp4Only1;
+                if (debug) console.log("".concat(LOG, " Preferring ").concat(mp4Only1.length, " MP4 file(s) over HLS (mp4-first)"));
+            }
         }
         var firstFile = candidates[0];
         if (candidates.length === 1) return firstFile;
@@ -727,7 +736,7 @@ function createVastAdLayer(contentVideo, options) {
         video.style.top = "0";
         video.style.width = "100%";
         video.style.height = "100%";
-        video.style.objectFit = "contain";
+        video.style.objectFit = "cover";
         video.style.backgroundColor = "#000";
         video.playsInline = true;
         video.muted = false;
@@ -842,12 +851,31 @@ function createVastAdLayer(contentVideo, options) {
             delete contentVideo.dataset.stormcloudAdPlaying;
         }
     }
+    function applyContentVideoAdCoverStyles() {
+        if (!singleElementMode) return;
+        savedContentVideoStyles = {
+            objectFit: contentVideo.style.objectFit,
+            width: contentVideo.style.width,
+            height: contentVideo.style.height
+        };
+        contentVideo.style.objectFit = "cover";
+        contentVideo.style.width = "100%";
+        contentVideo.style.height = "100%";
+    }
+    function restoreContentVideoStyles() {
+        if (!singleElementMode || !savedContentVideoStyles) return;
+        contentVideo.style.objectFit = savedContentVideoStyles.objectFit;
+        contentVideo.style.width = savedContentVideoStyles.width;
+        contentVideo.style.height = savedContentVideoStyles.height;
+        savedContentVideoStyles = void 0;
+    }
     function handleAdComplete() {
         if (tornDown) return;
         clearAdStallTimer();
         if (debug) console.log("".concat(LOG, " Handling ad completion"));
         adPlaying = false;
         setAdPlayingFlag(false);
+        restoreContentVideoStyles();
         if (adContainerEl) {
             adContainerEl.style.display = "none";
             adContainerEl.style.pointerEvents = "none";
@@ -862,6 +890,7 @@ function createVastAdLayer(contentVideo, options) {
         if (debug) console.log("".concat(LOG, " Handling ad error"));
         adPlaying = false;
         setAdPlayingFlag(false);
+        restoreContentVideoStyles();
         if (adContainerEl) {
             adContainerEl.style.display = "none";
             adContainerEl.style.pointerEvents = "none";
@@ -1032,6 +1061,7 @@ function createVastAdLayer(contentVideo, options) {
                         ];
                         contentVideo.style.visibility = "visible";
                         contentVideo.style.opacity = "1";
+                        applyContentVideoAdCoverStyles();
                         emit("content_pause");
                         setupAdEventListeners();
                         adVolume2 = originalMutedState ? 1 : originalVolume;
@@ -1270,6 +1300,7 @@ function createVastAdLayer(contentVideo, options) {
                         ];
                         contentVideo.style.visibility = "visible";
                         contentVideo.style.opacity = "1";
+                        applyContentVideoAdCoverStyles();
                         emit("content_pause");
                         setupAdEventListeners();
                         adVolume2 = originalMutedState ? 1 : originalVolume;
@@ -1420,6 +1451,7 @@ function createVastAdLayer(contentVideo, options) {
                     if (debug) console.log("".concat(LOG, " Stopping ad"));
                     adPlaying = false;
                     setAdPlayingFlag(false);
+                    restoreContentVideoStyles();
                     contentVideo.muted = originalMutedState;
                     contentVideo.volume = originalMutedState ? 0 : originalVolume;
                     contentVideo.style.visibility = "visible";
@@ -1458,6 +1490,7 @@ function createVastAdLayer(contentVideo, options) {
             destroyed = true;
             adPlaying = false;
             setAdPlayingFlag(false);
+            restoreContentVideoStyles();
             contentVideo.muted = originalMutedState;
             contentVideo.volume = originalVolume;
             var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;