stormcloud-video-player 0.2.15 → 0.2.16

package/lib/players/index.cjs

@@ -1778,6 +1778,8 @@ var StormcloudVideoPlayer = class {
     this.totalAdsInBreak = 0;
     this.showAds = false;
     this.isLiveStream = false;
+    this.nativeHlsMode = false;
+    this.videoSrcProtection = null;
     initializePolyfills();
     const browserOverrides = getBrowserConfigOverrides();
     this.config = { ...config, ...browserOverrides };
@@ -1798,7 +1800,9 @@ var StormcloudVideoPlayer = class {
     }
     if (adPlayerType === "hls") {
       if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] Creating HLS ad player (AdStorm mode)");
+        console.log(
+          "[StormcloudVideoPlayer] Creating HLS ad player (AdStorm mode)"
+        );
       }
       return createHlsAdPlayer(this.video, {
         continueLiveStreamDuringAds,
@@ -1807,7 +1811,9 @@ var StormcloudVideoPlayer = class {
       });
     } else {
       if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] Creating Google IMA ad player (Default mode)");
+        console.log(
+          "[StormcloudVideoPlayer] Creating Google IMA ad player (Default mode)"
+        );
       }
       return createImaController(this.video, {
         continueLiveStreamDuringAds
@@ -1831,11 +1837,13 @@ var StormcloudVideoPlayer = class {
     }
     this.initializeTracking();
     if (this.shouldUseNativeHls()) {
+      this.nativeHlsMode = true;
+      this.videoSrcProtection = this.config.src;
       this.video.src = this.config.src;
       this.isLiveStream = (_a = this.config.lowLatencyMode) != null ? _a : false;
       if (this.config.debugAdTiming) {
         console.log(
-          "[StormcloudVideoPlayer] allowNativeHls: true - VOD mode detected:",
+          "[StormcloudVideoPlayer] Using native HLS playback - VOD mode:",
           {
             isLive: this.isLiveStream,
             allowNativeHls: this.config.allowNativeHls,
@@ -1983,7 +1991,9 @@ var StormcloudVideoPlayer = class {
     this.ima.initialize();
     this.ima.on("all_ads_completed", () => {
       if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] IMA all_ads_completed event received");
+        console.log(
+          "[StormcloudVideoPlayer] IMA all_ads_completed event received"
+        );
       }
     });
     this.ima.on("ad_error", () => {
@@ -2048,13 +2058,31 @@ var StormcloudVideoPlayer = class {
     this.video.addEventListener("timeupdate", () => {
       this.onTimeUpdate(this.video.currentTime);
     });
+    this.video.addEventListener("emptied", () => {
+      if (this.nativeHlsMode && this.videoSrcProtection && !this.ima.isAdPlaying()) {
+        if (this.config.debugAdTiming) {
+          console.log(
+            "[StormcloudVideoPlayer] Video src was cleared, restoring:",
+            this.videoSrcProtection
+          );
+        }
+        const currentTime = this.video.currentTime;
+        const wasPaused = this.video.paused;
+        this.video.src = this.videoSrcProtection;
+        this.video.currentTime = currentTime;
+        if (!wasPaused) {
+          this.video.play().catch(() => {
+          });
+        }
+      }
+    });
   }
   shouldUseNativeHls() {
     const streamType = this.getStreamType();
     if (streamType === "other") {
       return true;
     }
-    const canNative = this.video.canPlayType("application/vnd.apple.mpegURL");
+    const canNative = this.video.canPlayType("application/vnd.apple.mpegurl");
     return !!(this.config.allowNativeHls && canNative);
   }
   onId3Tag(tag) {
@@ -2481,10 +2509,7 @@ var StormcloudVideoPlayer = class {
     var _a, _b, _c;
     const vastMode = this.config.vastMode || "default";
     if (this.config.debugAdTiming) {
-      console.log(
-        "[StormcloudVideoPlayer] VAST mode:",
-        vastMode
-      );
+      console.log("[StormcloudVideoPlayer] VAST mode:", vastMode);
     }
     if (vastMode === "adstorm") {
       if (!this.config.licenseKey) {
@@ -2602,10 +2627,7 @@ var StormcloudVideoPlayer = class {
       this.currentAdIndex = 0;
       this.totalAdsInBreak = 1;
       if (this.config.debugAdTiming) {
-        console.log(
-          "[StormcloudVideoPlayer] Using VAST endpoint:",
-          vastTagUrl
-        );
+        console.log("[StormcloudVideoPlayer] Using VAST endpoint:", vastTagUrl);
       }
     } else if (tags && tags.length > 0) {
       vastTagUrl = tags[0];
@@ -2757,15 +2779,21 @@ var StormcloudVideoPlayer = class {
       await this.ima.requestAds(vastTagUrl);
       try {
         if (this.config.debugAdTiming) {
-          console.log("[StormcloudVideoPlayer] Ad request completed, attempting playback");
+          console.log(
+            "[StormcloudVideoPlayer] Ad request completed, attempting playback"
+          );
         }
         await this.ima.play();
         if (this.config.debugAdTiming) {
-          console.log("[StormcloudVideoPlayer] Ad playback started successfully");
+          console.log(
+            "[StormcloudVideoPlayer] Ad playback started successfully"
+          );
         }
       } catch (playError) {
         if (this.config.debugAdTiming) {
-          console.log("[StormcloudVideoPlayer] No ads available, skipping playback");
+          console.log(
+            "[StormcloudVideoPlayer] No ads available, skipping playback"
+          );
         }
         this.handleAdFailure();
         return;
@@ -2821,7 +2849,9 @@ var StormcloudVideoPlayer = class {
       });
     } else {
       if (this.config.debugAdTiming) {
-        console.log("[StormcloudVideoPlayer] Video is already playing, no resume needed");
+        console.log(
+          "[StormcloudVideoPlayer] Video is already playing, no resume needed"
+        );
       }
     }
   }
@@ -2840,7 +2870,11 @@ var StormcloudVideoPlayer = class {
         if (this.config.debugAdTiming) {
           console.warn(
             "[StormcloudVideoPlayer] Failsafe timer triggered - forcing video resume",
-            { paused: this.video.paused, showAds: this.showAds, adPlaying: this.ima.isAdPlaying() }
+            {
+              paused: this.video.paused,
+              showAds: this.showAds,
+              adPlaying: this.ima.isAdPlaying()
+            }
           );
         }
         this.handleAdFailure();
@@ -3033,10 +3067,20 @@ var HlsPlayer = class extends import_react2.Component {
       }
     };
     this.play = () => {
-      var _a, _b;
+      var _a, _b, _c;
       if (this.props.videoElement) {
-        this.props.videoElement.play();
-        (_b = (_a = this.props).onPlay) == null ? void 0 : _b.call(_a);
+        const video = this.props.videoElement;
+        const hasValidSource = video.src || video.currentSrc && video.currentSrc !== "" || video.readyState >= 1;
+        if (hasValidSource) {
+          (_a = video.play()) == null ? void 0 : _a.catch((error) => {
+            var _a2, _b2;
+            console.error("[HlsPlayer] Failed to play:", error);
+            (_b2 = (_a2 = this.props).onError) == null ? void 0 : _b2.call(_a2, error);
+          });
+          (_c = (_b = this.props).onPlay) == null ? void 0 : _c.call(_b);
+        } else {
+          console.warn("[HlsPlayer] Cannot play: video has no valid source");
+        }
       }
     };
     this.pause = () => {
@@ -3205,8 +3249,19 @@ var FilePlayer = class extends import_react3.Component {
       };
     };
     this.play = () => {
+      var _a;
       if (this.props.videoElement) {
-        this.props.videoElement.play();
+        const video = this.props.videoElement;
+        const hasValidSource = video.src || video.currentSrc && video.currentSrc !== "" || video.readyState >= 1;
+        if (hasValidSource) {
+          (_a = video.play()) == null ? void 0 : _a.catch((error) => {
+            var _a2, _b;
+            console.error("[FilePlayer] Failed to play:", error);
+            (_b = (_a2 = this.props).onError) == null ? void 0 : _b.call(_a2, error);
+          });
+        } else {
+          console.warn("[FilePlayer] Cannot play: video has no valid source");
+        }
       }
     };
     this.pause = () => {