Back to Remotion

, and

packages/docs/docs/use-img-and-iframe.mdx

4.0.470712 B
Original Source

**Use [](/docs/img) or [`<Gif />`](/docs/gif)** over the native tag, <Image> from Next.js and CSS background-image.
Use <OffthreadVideo />, <Video /> or <Html5Video /> over the native <video> tag.
Use <Audio /> or <Html5Audio /> over the native <audio> tag.
Use <IFrame /> over the native <iframe> tag.

By using the components from Remotion, you ensure that:

<Step>1</Step> The assets are fully loaded before the the frame is rendered

<Step>2</Step> The images and videos are synchronized with Remotion's timeline.