Skip to main content

<IFrame>

The <IFrame /> can be used like the regular <iframe> HTML tag.

Remotion automatically wraps the <iframe> in a delayRender() call and ensures that the iframe is loaded before rendering the frame.

Ideally, the website should not have any animations, since only animations using useCurrentFrame() are supported by Remotion. See Flickering for an explanation.

Example

tsx
import { IFrame } from "remotion";
 
export const MyComp: React.FC = () => {
return <IFrame src="https://remotion.dev" />;
};
tsx
import { IFrame } from "remotion";
 
export const MyComp: React.FC = () => {
return <IFrame src="https://remotion.dev" />;
};

See also