A website card can show a dedicated poster while the video has not started. A dark opening frame, missing poster or failed image request can make a working clip appear broken. Choose an accurate still, configure it as the card's poster and test the state before playback. Do not change the movie's approved opening simply to repair a gallery's idle image.
Decide what the still should represent
Use a frame that honestly represents the example. A dance card should show the visible participants; a transition card should suggest the actual scene rather than promise a different generated result. Keep any source-versus-output distinction in nearby accessible text instead of embedding misleading labels in the still.
The MDN video element reference describes the poster attribute. A poster is a separate asset, so confirm its URL and crop independently from the video. A valid movie URL does not prove that its poster can load.
Test the idle and active states
- Open the gallery without starting the clip.
- Confirm the poster loads and preserves the intended subject crop.
- Start playback and check the transition to the moving image.
- Pause or leave the card and inspect the displayed state.
- Repeat with a slow connection and an intentionally unavailable preview.
A thumbnail prepared for another platform may have a different aspect ratio or text overlay. Inspect it in the actual card size. If the face is cropped out only in the website layout, review the presentation settings rather than stretching the image.
Keep the asset relationship clear
Store a stable relationship between the card, poster and approved video. When replacing an example, update both assets and check caching. Retaining yesterday's poster with today's clip can look like a generation mismatch even when both files are individually healthy.
Is the poster always visible again after pause?
Do not assume that. A paused player may retain its current frame. Define and test the desired leave behavior in your own implementation.
Does a poster improve the video itself?
No. It improves the pre-play presentation. Review the actual frames, soundtrack and final output separately before presenting the clip as an example.
Sources and scope
This is an original Imagild Editorial workflow guide, assisted by AI and reviewed against the linked sources on October 12, 2026. External tool procedures do not imply that Imagild provides those tools or guarantees their results.