stormcloud-video-player 0.6.5 → 0.7.0

package/lib/player/StormcloudVideoPlayer.cjs

@@ -942,6 +942,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) {
@@ -1058,7 +1059,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;
@@ -1173,12 +1174,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";
@@ -1193,6 +1213,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";
@@ -1363,6 +1384,7 @@ function createVastAdLayer(contentVideo, options) {
                         ];
                         contentVideo.style.visibility = "visible";
                         contentVideo.style.opacity = "1";
+                        applyContentVideoAdCoverStyles();
                         emit("content_pause");
                         setupAdEventListeners();
                         adVolume2 = originalMutedState ? 1 : originalVolume;
@@ -1601,6 +1623,7 @@ function createVastAdLayer(contentVideo, options) {
                         ];
                         contentVideo.style.visibility = "visible";
                         contentVideo.style.opacity = "1";
+                        applyContentVideoAdCoverStyles();
                         emit("content_pause");
                         setupAdEventListeners();
                         adVolume2 = originalMutedState ? 1 : originalVolume;
@@ -1751,6 +1774,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";
@@ -1789,6 +1813,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;
@@ -5957,6 +5982,46 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 return this.isLiveStream;
             }
         },
+        {
+            key: "getMinHlsResolution",
+            value: function getMinHlsResolution() {
+                var _this_hls;
+                var levels = (_this_hls = this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.levels;
+                if (!levels || levels.length === 0) return null;
+                var min = null;
+                var minPixels = Infinity;
+                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                try {
+                    for(var _iterator = levels[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                        var level = _step.value;
+                        if (level.width && level.height) {
+                            var pixels = level.width * level.height;
+                            if (pixels < minPixels) {
+                                minPixels = pixels;
+                                min = {
+                                    width: level.width,
+                                    height: level.height
+                                };
+                            }
+                        }
+                    }
+                } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                } finally{
+                    try {
+                        if (!_iteratorNormalCompletion && _iterator.return != null) {
+                            _iterator.return();
+                        }
+                    } finally{
+                        if (_didIteratorError) {
+                            throw _iteratorError;
+                        }
+                    }
+                }
+                return min;
+            }
+        },
         {
             key: "videoElement",
             get: function get() {