<Img>, <Video> and <Audio>
Prefer <Img />
or <Gif />
over the native <img>
tag, <Image>
from Next.js and CSS background-image
.
Prefer <OffthreadVideo />
or <Video />
over the native <video>
tag.
Prefer <Audio />
over the native <audio>
tag.
Prefer <IFrame />
over the native <iframe>
tag.
By using the components by Remotion, it will be ensured that:
1
The assets are fully loaded before the the frame is rendered2
The images and videos are synchronized with Remotion's timeline.