Chapter 216: Fallback behavior in @remotion/media

Core Idea

Use <Video> and <Audio> from @remotion/media as the primary tags for media.

Key Concepts

• When a fallback is attempted
• Observing when a fallback happens
• Preventing a fallback from happening
• Behavior of the loop prop during fallback
• Fallback is not possible in client-side rendering

Code Examples

Cannot decode /public/video-h265.mp4, falling back to <OffthreadVideo>

• What it demonstrates: Usage pattern for Fallback behavior in @remotion/media from the official docs.

Key Takeaways

1. Understand when a fallback is attempted when working with Fallback behavior in @remotion/media.
2. Understand observing when a fallback happens when working with Fallback behavior in @remotion/media.
3. Understand preventing a fallback from happening when working with Fallback behavior in @remotion/media.
4. Understand behavior of the loop prop during fallback when working with Fallback behavior in @remotion/media.
5. Understand fallback is not possible in client-side rendering when working with Fallback behavior in @remotion/media.

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.