@remotion/promo-pages 4.0.497 → 4.0.499

package/dist/homepage/Pricing.js

@@ -5582,7 +5582,7 @@ var getSingleChildComponent = (children) => {
   }
   return child.type;
 };
-var VERSION = "4.0.497";
+var VERSION = "4.0.499";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -6420,6 +6420,9 @@ var PremountContext = createContext15({
   premountFramesRemaining: 0
 });
 var ENABLE_V5_BREAKING_CHANGES = false;
+var resolveV5Default = (value) => {
+  return value ?? ENABLE_V5_BREAKING_CHANGES;
+};
 var usePremounting = ({
   from,
   durationInFrames,
@@ -12895,6 +12898,7 @@ var AudioRefForwardingFunction = (props, ref) => {
   const { loop, freeze: _freeze, ...propsOtherThanLoop } = propsWithFreeze;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<Html5Audio> is not supported in @remotion/web-renderer. Use <Audio> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -12964,7 +12968,7 @@ var AudioRefForwardingFunction = (props, ref) => {
       name,
       children: /* @__PURE__ */ jsx23(Html5Audio, {
         _remotionInternalNeedsDurationCalculation: Boolean(loop),
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         ...otherProps,
         ref
       })
@@ -12992,7 +12996,7 @@ var AudioRefForwardingFunction = (props, ref) => {
     ref,
     onNativeError: onError,
     onDuration,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     _remotionInternalNeedsDurationCalculation: Boolean(loop),
     showInTimeline: showInTimeline ?? true
   });
@@ -14399,6 +14403,7 @@ var ImgInner = ({
   ...props2
 }) => {
   const refForOutline = useRef24(null);
+  const shouldPauseWhenLoading = resolveV5Default(pauseWhenLoading);
   if (effects.length === 0) {
     return /* @__PURE__ */ jsx28(NativeImgInner, {
       ...props2,
@@ -14422,7 +14427,7 @@ var ImgInner = ({
       className,
       style,
       id,
-      pauseWhenLoading,
+      pauseWhenLoading: shouldPauseWhenLoading,
       maxRetries,
       delayRenderRetries,
       delayRenderTimeoutInMilliseconds,
@@ -14451,7 +14456,7 @@ var ImgInner = ({
     className,
     style,
     id,
-    pauseWhenLoading,
+    pauseWhenLoading: shouldPauseWhenLoading,
     maxRetries,
     delayRenderRetries,
     delayRenderTimeoutInMilliseconds,
@@ -15645,6 +15650,7 @@ var InnerOffthreadVideo = (props2) => {
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<OffthreadVideo> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -15669,7 +15675,7 @@ var InnerOffthreadVideo = (props2) => {
       durationInFrames: trimAfterValue,
       name,
       children: /* @__PURE__ */ jsx35(InnerOffthreadVideo, {
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         ...otherProps,
         trimAfter: undefined,
         name: undefined,
@@ -15684,7 +15690,7 @@ var InnerOffthreadVideo = (props2) => {
   validateMediaProps(props2, "Video");
   if (environment.isRendering) {
     return /* @__PURE__ */ jsx35(OffthreadVideoForRendering, {
-      pauseWhenBuffering: pauseWhenBuffering ?? false,
+      pauseWhenBuffering: shouldPauseWhenBuffering,
       ...otherProps,
       trimAfter: undefined,
       name: undefined,
@@ -15709,7 +15715,7 @@ var InnerOffthreadVideo = (props2) => {
     _remotionInternalStack: stack ?? null,
     onDuration,
     onlyWarnForMediaSeekingError: true,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     showInTimeline: showInTimeline ?? true,
     onAutoPlayError: onAutoPlayError ?? undefined,
     onVideoFrame: onVideoFrame ?? null,
@@ -15767,7 +15773,7 @@ var OffthreadVideo = ({
     onAutoPlayError: onAutoPlayError ?? null,
     onError,
     onVideoFrame,
-    pauseWhenBuffering: pauseWhenBuffering ?? true,
+    pauseWhenBuffering: resolveV5Default(pauseWhenBuffering),
     playbackRate: playbackRate ?? 1,
     preservePitch,
     toneFrequency: toneFrequency ?? 1,
@@ -16650,6 +16656,7 @@ var VideoForwardingFunction = (props2, ref) => {
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<Html5Video> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -16708,7 +16715,7 @@ var VideoForwardingFunction = (props2, ref) => {
       durationInFrames: trimAfterValue === undefined ? undefined : trimAfterValue / (props2.playbackRate ?? 1),
       name,
       children: /* @__PURE__ */ jsx39(Html5Video, {
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         onVideoFrame,
         ...otherProps,
         ref,
@@ -16734,7 +16741,7 @@ var VideoForwardingFunction = (props2, ref) => {
     ...otherProps,
     ref,
     onVideoFrame: onVideoFrame ?? null,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     onDuration,
     _remotionInternalStack: stack ?? null,
     _remotionInternalNativeLoopPassed: _remotionInternalNativeLoopPassed ?? false,

package/dist/prompts/PromptsGallery.js

@@ -5579,7 +5579,7 @@ var getSingleChildComponent = (children) => {
   }
   return child.type;
 };
-var VERSION = "4.0.497";
+var VERSION = "4.0.499";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -6417,6 +6417,9 @@ var PremountContext = createContext15({
   premountFramesRemaining: 0
 });
 var ENABLE_V5_BREAKING_CHANGES = false;
+var resolveV5Default = (value) => {
+  return value ?? ENABLE_V5_BREAKING_CHANGES;
+};
 var usePremounting = ({
   from,
   durationInFrames,
@@ -12892,6 +12895,7 @@ var AudioRefForwardingFunction = (props, ref) => {
   const { loop, freeze: _freeze, ...propsOtherThanLoop } = propsWithFreeze;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<Html5Audio> is not supported in @remotion/web-renderer. Use <Audio> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -12961,7 +12965,7 @@ var AudioRefForwardingFunction = (props, ref) => {
       name,
       children: /* @__PURE__ */ jsx23(Html5Audio, {
         _remotionInternalNeedsDurationCalculation: Boolean(loop),
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         ...otherProps,
         ref
       })
@@ -12989,7 +12993,7 @@ var AudioRefForwardingFunction = (props, ref) => {
     ref,
     onNativeError: onError,
     onDuration,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     _remotionInternalNeedsDurationCalculation: Boolean(loop),
     showInTimeline: showInTimeline ?? true
   });
@@ -14396,6 +14400,7 @@ var ImgInner = ({
   ...props2
 }) => {
   const refForOutline = useRef24(null);
+  const shouldPauseWhenLoading = resolveV5Default(pauseWhenLoading);
   if (effects.length === 0) {
     return /* @__PURE__ */ jsx28(NativeImgInner, {
       ...props2,
@@ -14419,7 +14424,7 @@ var ImgInner = ({
       className,
       style,
       id,
-      pauseWhenLoading,
+      pauseWhenLoading: shouldPauseWhenLoading,
       maxRetries,
       delayRenderRetries,
       delayRenderTimeoutInMilliseconds,
@@ -14448,7 +14453,7 @@ var ImgInner = ({
     className,
     style,
     id,
-    pauseWhenLoading,
+    pauseWhenLoading: shouldPauseWhenLoading,
     maxRetries,
     delayRenderRetries,
     delayRenderTimeoutInMilliseconds,
@@ -15642,6 +15647,7 @@ var InnerOffthreadVideo = (props2) => {
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<OffthreadVideo> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -15666,7 +15672,7 @@ var InnerOffthreadVideo = (props2) => {
       durationInFrames: trimAfterValue,
       name,
       children: /* @__PURE__ */ jsx35(InnerOffthreadVideo, {
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         ...otherProps,
         trimAfter: undefined,
         name: undefined,
@@ -15681,7 +15687,7 @@ var InnerOffthreadVideo = (props2) => {
   validateMediaProps(props2, "Video");
   if (environment.isRendering) {
     return /* @__PURE__ */ jsx35(OffthreadVideoForRendering, {
-      pauseWhenBuffering: pauseWhenBuffering ?? false,
+      pauseWhenBuffering: shouldPauseWhenBuffering,
       ...otherProps,
       trimAfter: undefined,
       name: undefined,
@@ -15706,7 +15712,7 @@ var InnerOffthreadVideo = (props2) => {
     _remotionInternalStack: stack ?? null,
     onDuration,
     onlyWarnForMediaSeekingError: true,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     showInTimeline: showInTimeline ?? true,
     onAutoPlayError: onAutoPlayError ?? undefined,
     onVideoFrame: onVideoFrame ?? null,
@@ -15764,7 +15770,7 @@ var OffthreadVideo = ({
     onAutoPlayError: onAutoPlayError ?? null,
     onError,
     onVideoFrame,
-    pauseWhenBuffering: pauseWhenBuffering ?? true,
+    pauseWhenBuffering: resolveV5Default(pauseWhenBuffering),
     playbackRate: playbackRate ?? 1,
     preservePitch,
     toneFrequency: toneFrequency ?? 1,
@@ -16647,6 +16653,7 @@ var VideoForwardingFunction = (props2, ref) => {
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<Html5Video> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -16705,7 +16712,7 @@ var VideoForwardingFunction = (props2, ref) => {
       durationInFrames: trimAfterValue === undefined ? undefined : trimAfterValue / (props2.playbackRate ?? 1),
       name,
       children: /* @__PURE__ */ jsx39(Html5Video, {
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         onVideoFrame,
         ...otherProps,
         ref,
@@ -16731,7 +16738,7 @@ var VideoForwardingFunction = (props2, ref) => {
     ...otherProps,
     ref,
     onVideoFrame: onVideoFrame ?? null,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     onDuration,
     _remotionInternalStack: stack ?? null,
     _remotionInternalNativeLoopPassed: _remotionInternalNativeLoopPassed ?? false,

package/dist/prompts/PromptsShow.js

@@ -22913,7 +22913,7 @@ var getSingleChildComponent = (children) => {
   }
   return child.type;
 };
-var VERSION = "4.0.497";
+var VERSION = "4.0.499";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -23751,6 +23751,9 @@ var PremountContext = createContext15({
   premountFramesRemaining: 0
 });
 var ENABLE_V5_BREAKING_CHANGES = false;
+var resolveV5Default = (value) => {
+  return value ?? ENABLE_V5_BREAKING_CHANGES;
+};
 var usePremounting = ({
   from,
   durationInFrames,
@@ -30226,6 +30229,7 @@ var AudioRefForwardingFunction = (props, ref) => {
   const { loop, freeze: _freeze, ...propsOtherThanLoop } = propsWithFreeze;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<Html5Audio> is not supported in @remotion/web-renderer. Use <Audio> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -30295,7 +30299,7 @@ var AudioRefForwardingFunction = (props, ref) => {
       name,
       children: /* @__PURE__ */ jsx23(Html5Audio, {
         _remotionInternalNeedsDurationCalculation: Boolean(loop),
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         ...otherProps,
         ref
       })
@@ -30323,7 +30327,7 @@ var AudioRefForwardingFunction = (props, ref) => {
     ref,
     onNativeError: onError,
     onDuration,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     _remotionInternalNeedsDurationCalculation: Boolean(loop),
     showInTimeline: showInTimeline ?? true
   });
@@ -31730,6 +31734,7 @@ var ImgInner = ({
   ...props2
 }) => {
   const refForOutline = useRef24(null);
+  const shouldPauseWhenLoading = resolveV5Default(pauseWhenLoading);
   if (effects.length === 0) {
     return /* @__PURE__ */ jsx28(NativeImgInner, {
       ...props2,
@@ -31753,7 +31758,7 @@ var ImgInner = ({
       className,
       style,
       id,
-      pauseWhenLoading,
+      pauseWhenLoading: shouldPauseWhenLoading,
       maxRetries,
       delayRenderRetries,
       delayRenderTimeoutInMilliseconds,
@@ -31782,7 +31787,7 @@ var ImgInner = ({
     className,
     style,
     id,
-    pauseWhenLoading,
+    pauseWhenLoading: shouldPauseWhenLoading,
     maxRetries,
     delayRenderRetries,
     delayRenderTimeoutInMilliseconds,
@@ -32976,6 +32981,7 @@ var InnerOffthreadVideo = (props2) => {
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<OffthreadVideo> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -33000,7 +33006,7 @@ var InnerOffthreadVideo = (props2) => {
       durationInFrames: trimAfterValue,
       name,
       children: /* @__PURE__ */ jsx35(InnerOffthreadVideo, {
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         ...otherProps,
         trimAfter: undefined,
         name: undefined,
@@ -33015,7 +33021,7 @@ var InnerOffthreadVideo = (props2) => {
   validateMediaProps(props2, "Video");
   if (environment.isRendering) {
     return /* @__PURE__ */ jsx35(OffthreadVideoForRendering, {
-      pauseWhenBuffering: pauseWhenBuffering ?? false,
+      pauseWhenBuffering: shouldPauseWhenBuffering,
       ...otherProps,
       trimAfter: undefined,
       name: undefined,
@@ -33040,7 +33046,7 @@ var InnerOffthreadVideo = (props2) => {
     _remotionInternalStack: stack ?? null,
     onDuration,
     onlyWarnForMediaSeekingError: true,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     showInTimeline: showInTimeline ?? true,
     onAutoPlayError: onAutoPlayError ?? undefined,
     onVideoFrame: onVideoFrame ?? null,
@@ -33098,7 +33104,7 @@ var OffthreadVideo = ({
     onAutoPlayError: onAutoPlayError ?? null,
     onError,
     onVideoFrame,
-    pauseWhenBuffering: pauseWhenBuffering ?? true,
+    pauseWhenBuffering: resolveV5Default(pauseWhenBuffering),
     playbackRate: playbackRate ?? 1,
     preservePitch,
     toneFrequency: toneFrequency ?? 1,
@@ -33981,6 +33987,7 @@ var VideoForwardingFunction = (props2, ref) => {
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<Html5Video> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -34039,7 +34046,7 @@ var VideoForwardingFunction = (props2, ref) => {
       durationInFrames: trimAfterValue === undefined ? undefined : trimAfterValue / (props2.playbackRate ?? 1),
       name,
       children: /* @__PURE__ */ jsx39(Html5Video, {
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         onVideoFrame,
         ...otherProps,
         ref,
@@ -34065,7 +34072,7 @@ var VideoForwardingFunction = (props2, ref) => {
     ...otherProps,
     ref,
     onVideoFrame: onVideoFrame ?? null,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     onDuration,
     _remotionInternalStack: stack ?? null,
     _remotionInternalNativeLoopPassed: _remotionInternalNativeLoopPassed ?? false,

package/dist/prompts/PromptsSubmit.js

@@ -5579,7 +5579,7 @@ var getSingleChildComponent = (children) => {
   }
   return child.type;
 };
-var VERSION = "4.0.497";
+var VERSION = "4.0.499";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -6417,6 +6417,9 @@ var PremountContext = createContext15({
   premountFramesRemaining: 0
 });
 var ENABLE_V5_BREAKING_CHANGES = false;
+var resolveV5Default = (value) => {
+  return value ?? ENABLE_V5_BREAKING_CHANGES;
+};
 var usePremounting = ({
   from,
   durationInFrames,
@@ -12892,6 +12895,7 @@ var AudioRefForwardingFunction = (props, ref) => {
   const { loop, freeze: _freeze, ...propsOtherThanLoop } = propsWithFreeze;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<Html5Audio> is not supported in @remotion/web-renderer. Use <Audio> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -12961,7 +12965,7 @@ var AudioRefForwardingFunction = (props, ref) => {
       name,
       children: /* @__PURE__ */ jsx23(Html5Audio, {
         _remotionInternalNeedsDurationCalculation: Boolean(loop),
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         ...otherProps,
         ref
       })
@@ -12989,7 +12993,7 @@ var AudioRefForwardingFunction = (props, ref) => {
     ref,
     onNativeError: onError,
     onDuration,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     _remotionInternalNeedsDurationCalculation: Boolean(loop),
     showInTimeline: showInTimeline ?? true
   });
@@ -14396,6 +14400,7 @@ var ImgInner = ({
   ...props2
 }) => {
   const refForOutline = useRef24(null);
+  const shouldPauseWhenLoading = resolveV5Default(pauseWhenLoading);
   if (effects.length === 0) {
     return /* @__PURE__ */ jsx28(NativeImgInner, {
       ...props2,
@@ -14419,7 +14424,7 @@ var ImgInner = ({
       className,
       style,
       id,
-      pauseWhenLoading,
+      pauseWhenLoading: shouldPauseWhenLoading,
       maxRetries,
       delayRenderRetries,
       delayRenderTimeoutInMilliseconds,
@@ -14448,7 +14453,7 @@ var ImgInner = ({
     className,
     style,
     id,
-    pauseWhenLoading,
+    pauseWhenLoading: shouldPauseWhenLoading,
     maxRetries,
     delayRenderRetries,
     delayRenderTimeoutInMilliseconds,
@@ -15642,6 +15647,7 @@ var InnerOffthreadVideo = (props2) => {
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<OffthreadVideo> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -15666,7 +15672,7 @@ var InnerOffthreadVideo = (props2) => {
       durationInFrames: trimAfterValue,
       name,
       children: /* @__PURE__ */ jsx35(InnerOffthreadVideo, {
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         ...otherProps,
         trimAfter: undefined,
         name: undefined,
@@ -15681,7 +15687,7 @@ var InnerOffthreadVideo = (props2) => {
   validateMediaProps(props2, "Video");
   if (environment.isRendering) {
     return /* @__PURE__ */ jsx35(OffthreadVideoForRendering, {
-      pauseWhenBuffering: pauseWhenBuffering ?? false,
+      pauseWhenBuffering: shouldPauseWhenBuffering,
       ...otherProps,
       trimAfter: undefined,
       name: undefined,
@@ -15706,7 +15712,7 @@ var InnerOffthreadVideo = (props2) => {
     _remotionInternalStack: stack ?? null,
     onDuration,
     onlyWarnForMediaSeekingError: true,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     showInTimeline: showInTimeline ?? true,
     onAutoPlayError: onAutoPlayError ?? undefined,
     onVideoFrame: onVideoFrame ?? null,
@@ -15764,7 +15770,7 @@ var OffthreadVideo = ({
     onAutoPlayError: onAutoPlayError ?? null,
     onError,
     onVideoFrame,
-    pauseWhenBuffering: pauseWhenBuffering ?? true,
+    pauseWhenBuffering: resolveV5Default(pauseWhenBuffering),
     playbackRate: playbackRate ?? 1,
     preservePitch,
     toneFrequency: toneFrequency ?? 1,
@@ -16647,6 +16653,7 @@ var VideoForwardingFunction = (props2, ref) => {
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<Html5Video> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -16705,7 +16712,7 @@ var VideoForwardingFunction = (props2, ref) => {
       durationInFrames: trimAfterValue === undefined ? undefined : trimAfterValue / (props2.playbackRate ?? 1),
       name,
       children: /* @__PURE__ */ jsx39(Html5Video, {
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         onVideoFrame,
         ...otherProps,
         ref,
@@ -16731,7 +16738,7 @@ var VideoForwardingFunction = (props2, ref) => {
     ...otherProps,
     ref,
     onVideoFrame: onVideoFrame ?? null,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     onDuration,
     _remotionInternalStack: stack ?? null,
     _remotionInternalNativeLoopPassed: _remotionInternalNativeLoopPassed ?? false,

package/dist/team.js

@@ -5760,7 +5760,7 @@ var getSingleChildComponent = (children) => {
   }
   return child.type;
 };
-var VERSION = "4.0.497";
+var VERSION = "4.0.499";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -6598,6 +6598,9 @@ var PremountContext = createContext15({
   premountFramesRemaining: 0
 });
 var ENABLE_V5_BREAKING_CHANGES = false;
+var resolveV5Default = (value) => {
+  return value ?? ENABLE_V5_BREAKING_CHANGES;
+};
 var usePremounting = ({
   from,
   durationInFrames,
@@ -13073,6 +13076,7 @@ var AudioRefForwardingFunction = (props, ref) => {
   const { loop, freeze: _freeze, ...propsOtherThanLoop } = propsWithFreeze;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<Html5Audio> is not supported in @remotion/web-renderer. Use <Audio> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -13142,7 +13146,7 @@ var AudioRefForwardingFunction = (props, ref) => {
       name,
       children: /* @__PURE__ */ jsx23(Html5Audio, {
         _remotionInternalNeedsDurationCalculation: Boolean(loop),
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         ...otherProps,
         ref
       })
@@ -13170,7 +13174,7 @@ var AudioRefForwardingFunction = (props, ref) => {
     ref,
     onNativeError: onError,
     onDuration,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     _remotionInternalNeedsDurationCalculation: Boolean(loop),
     showInTimeline: showInTimeline ?? true
   });
@@ -14577,6 +14581,7 @@ var ImgInner = ({
   ...props2
 }) => {
   const refForOutline = useRef24(null);
+  const shouldPauseWhenLoading = resolveV5Default(pauseWhenLoading);
   if (effects.length === 0) {
     return /* @__PURE__ */ jsx28(NativeImgInner, {
       ...props2,
@@ -14600,7 +14605,7 @@ var ImgInner = ({
       className,
       style,
       id,
-      pauseWhenLoading,
+      pauseWhenLoading: shouldPauseWhenLoading,
       maxRetries,
       delayRenderRetries,
       delayRenderTimeoutInMilliseconds,
@@ -14629,7 +14634,7 @@ var ImgInner = ({
     className,
     style,
     id,
-    pauseWhenLoading,
+    pauseWhenLoading: shouldPauseWhenLoading,
     maxRetries,
     delayRenderRetries,
     delayRenderTimeoutInMilliseconds,
@@ -15823,6 +15828,7 @@ var InnerOffthreadVideo = (props2) => {
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<OffthreadVideo> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -15847,7 +15853,7 @@ var InnerOffthreadVideo = (props2) => {
       durationInFrames: trimAfterValue,
       name,
       children: /* @__PURE__ */ jsx35(InnerOffthreadVideo, {
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         ...otherProps,
         trimAfter: undefined,
         name: undefined,
@@ -15862,7 +15868,7 @@ var InnerOffthreadVideo = (props2) => {
   validateMediaProps(props2, "Video");
   if (environment.isRendering) {
     return /* @__PURE__ */ jsx35(OffthreadVideoForRendering, {
-      pauseWhenBuffering: pauseWhenBuffering ?? false,
+      pauseWhenBuffering: shouldPauseWhenBuffering,
       ...otherProps,
       trimAfter: undefined,
       name: undefined,
@@ -15887,7 +15893,7 @@ var InnerOffthreadVideo = (props2) => {
     _remotionInternalStack: stack ?? null,
     onDuration,
     onlyWarnForMediaSeekingError: true,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     showInTimeline: showInTimeline ?? true,
     onAutoPlayError: onAutoPlayError ?? undefined,
     onVideoFrame: onVideoFrame ?? null,
@@ -15945,7 +15951,7 @@ var OffthreadVideo = ({
     onAutoPlayError: onAutoPlayError ?? null,
     onError,
     onVideoFrame,
-    pauseWhenBuffering: pauseWhenBuffering ?? true,
+    pauseWhenBuffering: resolveV5Default(pauseWhenBuffering),
     playbackRate: playbackRate ?? 1,
     preservePitch,
     toneFrequency: toneFrequency ?? 1,
@@ -16828,6 +16834,7 @@ var VideoForwardingFunction = (props2, ref) => {
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  const shouldPauseWhenBuffering = resolveV5Default(pauseWhenBuffering);
   if (environment.isClientSideRendering) {
     throw new Error("<Html5Video> is not supported in @remotion/web-renderer. Use <Video> from @remotion/media instead. See https://remotion.dev/docs/client-side-rendering/limitations");
   }
@@ -16886,7 +16893,7 @@ var VideoForwardingFunction = (props2, ref) => {
       durationInFrames: trimAfterValue === undefined ? undefined : trimAfterValue / (props2.playbackRate ?? 1),
       name,
       children: /* @__PURE__ */ jsx39(Html5Video, {
-        pauseWhenBuffering: pauseWhenBuffering ?? false,
+        pauseWhenBuffering: shouldPauseWhenBuffering,
         onVideoFrame,
         ...otherProps,
         ref,
@@ -16912,7 +16919,7 @@ var VideoForwardingFunction = (props2, ref) => {
     ...otherProps,
     ref,
     onVideoFrame: onVideoFrame ?? null,
-    pauseWhenBuffering: pauseWhenBuffering ?? false,
+    pauseWhenBuffering: shouldPauseWhenBuffering,
     onDuration,
     _remotionInternalStack: stack ?? null,
     _remotionInternalNativeLoopPassed: _remotionInternalNativeLoopPassed ?? false,