<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 constMyComp :React .FC = () => {return <IFrame src ="https://remotion.dev" />;};
tsx
import {IFrame } from "remotion";export constMyComp :React .FC = () => {return <IFrame src ="https://remotion.dev" />;};