<Img>, <Video> and <Audio>

Use <Img /> or <Gif /> over the native <img> 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:

1

The assets are fully loaded before the the frame is rendered

2

The images and videos are synchronized with Remotion's timeline.