When a media element is selected, the Media panel shows type-specific controls — for images, video, audio, Spline 3D, Lottie, and image sequences.
Where: Right sidebar → Image icon (when a media element is selected) — Select an image/video/audio/3D element
Key ideas
- Image: Source, object-fit, alt text, crop, loading and decoding hints.
- Video: Source(s), poster, fit, controls, autoplay, loop, muted, playsinline, preload, and timeline bindings.
- Other media: Audio, Spline (3D), Lottie, and image-sequence each get their own section.
Steps
- Select a media element.
- Open the Media panel.
- Set the source and fit; for video toggle autoplay/loop/muted as needed.
- Add alt text for images.
Type-specific inspector
- Images: source, fit/position, alt text, loading/decoding, and image editing.
- Video: sources/fallbacks, poster, fit, controls, autoplay, loop, muted, plays inline, preload, and timeline/scrub use.
- Audio: source, browser playback flags, preload, and timeline playback.
- Spline: scene URL, autoplay, and named variables.
- Lottie: JSON source, autoplay/loop, speed, direction, and renderer.
- Image sequence: uploaded or manifest frames, FPS, fit, autoplay, and loop.
- SVG: fill/stroke/draw controls and the vector editor.
Choose one playback owner
For audio/video/Lottie, avoid combining independent autoplay, timeline, and interaction controls unless their precedence and reset behavior are intentional.
Tips
- Test browser autoplay and remote-source availability in Preview and after publish.
- Use dedicated deep guides for audio, Lottie, and image sequences rather than treating all specialty media as one workflow.
Troubleshooting
Media works in the editor but not after publish
Check the remote URL, permissions/CORS, browser autoplay rules, supported format, preload behavior, and published responsive dimensions.