<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

import {IFrame} from 'remotion';

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

Props

`src`

The URL to load.

`delayRenderTimeoutInMilliseconds`v4.0.140

Customize the timeout of the delayRender() call that this component makes.

`delayRenderRetries`v4.0.140

Customize the number of retries of the delayRender() call that this component makes.
Prefer the maxRetries prop over this.

Compatibility

Browsers			Environments
Chrome	Firefox	Safari	Client-side rendering	Server-side rendering	Player	Studio

Example​

Props​

src​

delayRenderTimeoutInMillisecondsv4.0.140​

delayRenderRetriesv4.0.140​

Compatibility​

See also​