Chapter 211: <IFrame>

Core Idea

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

Key Concepts

• Example
• Props
• src
• delayRenderTimeoutInMilliseconds<AvailableFrom v="4.0.140" />
• delayRenderRetries<AvailableFrom v="4.0.140" />
• Compatibility
• See also

Code Examples

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

• What it demonstrates: Usage pattern for <IFrame> from the official docs.

Key Takeaways

1. Understand example when working with <IFrame>.
2. Understand props when working with <IFrame>.
3. Understand src when working with <IFrame>.
4. Understand delayrendertimeoutinmilliseconds<availablefrom v="4.0.140" /> when working with <IFrame>.
5. Understand delayrenderretries<availablefrom v="4.0.140" /> when working with <IFrame>.

Connects To

• Animatedimage: related page in the Assets & Media section.
• Delaying: related page in the Assets & Media section.
• Exporting: related page in the Assets & Media section.