@remotion/promo-pages 4.0.396 → 4.0.398

package/dist/Homepage.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.396", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.398", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -4742,6 +4742,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -5337,16 +5340,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5978,6 +5990,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  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");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -6695,6 +6710,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/Homepage.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.396", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.398", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -4742,6 +4742,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -5337,16 +5340,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5978,6 +5990,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  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");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -6695,6 +6710,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/design.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.396", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.398", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -4742,6 +4742,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -5337,16 +5340,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5978,6 +5990,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  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");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -6695,6 +6710,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/homepage/Pricing.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.396", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.398", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -4742,6 +4742,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -5337,16 +5340,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5978,6 +5990,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  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");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -6695,6 +6710,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/template-modal-content.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.396", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.398", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -4742,6 +4742,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -5337,16 +5340,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5978,6 +5990,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  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");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -6695,6 +6710,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/templates.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.396", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.398", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -4742,6 +4742,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -5337,16 +5340,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5978,6 +5990,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  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");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -6695,6 +6710,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/dist/design.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.396", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.398", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -4742,6 +4742,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -5337,16 +5340,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5978,6 +5990,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  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");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -6695,6 +6710,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/dist/homepage/Pricing.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.396", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.398", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -4742,6 +4742,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -5337,16 +5340,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5978,6 +5990,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  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");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -6695,6 +6710,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/dist/template-modal-content.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.396", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.398", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -4742,6 +4742,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -5337,16 +5340,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5978,6 +5990,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  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");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -6695,6 +6710,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/dist/templates.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.396", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.398", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -4742,6 +4742,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext27(DurationsContext);
   if (typeof props.src !== "string") {
     throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
@@ -5337,16 +5340,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5978,6 +5990,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
     ...otherProps
   } = props2;
   const environment = useRemotionEnvironment();
+  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");
+  }
   const onDuration = useCallback16(() => {
     return;
   }, []);
@@ -6695,6 +6710,9 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const { loop, ...propsOtherThanLoop } = props2;
   const { fps } = useVideoConfig();
   const environment = useRemotionEnvironment();
+  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");
+  }
   const { durations, setDurations } = useContext35(DurationsContext);
   if (typeof ref === "string") {
     throw new Error("string refs are not supported");

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/promo-pages",
-	"version": "4.0.396",
+	"version": "4.0.398",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -11,23 +11,23 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@remotion/animated-emoji": "4.0.396",
-		"@remotion/design": "4.0.396",
-		"@remotion/lambda": "4.0.396",
-		"@remotion/lottie": "4.0.396",
-		"@remotion/paths": "4.0.396",
-		"@remotion/player": "4.0.396",
-		"@remotion/shapes": "4.0.396",
-		"@remotion/svg-3d-engine": "4.0.396",
-		"create-video": "4.0.396",
+		"@remotion/animated-emoji": "4.0.398",
+		"@remotion/design": "4.0.398",
+		"@remotion/lambda": "4.0.398",
+		"@remotion/lottie": "4.0.398",
+		"@remotion/paths": "4.0.398",
+		"@remotion/player": "4.0.398",
+		"@remotion/shapes": "4.0.398",
+		"@remotion/svg-3d-engine": "4.0.398",
+		"create-video": "4.0.398",
 		"hls.js": "1.5.19",
 		"polished": "4.3.1",
-		"remotion": "4.0.396",
+		"remotion": "4.0.398",
 		"zod": "3.22.3",
 		"bun-plugin-tailwind": "0.1.2"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.396",
+		"@remotion/eslint-config-internal": "4.0.398",
 		"@eslint/eslintrc": "3.1.0",
 		"@types/react": "19.2.7",
 		"@types/react-dom": "19.2.3",