Design
Video Player Design
A minimal, distraction-free video player built for recipe walkthroughs.
Overview
The player strips away everything except the video and essential controls. No comments, no sidebar, no algorithm feed — just the recipe, fullscreen when you want it, and a clean timeline for jumping between steps.
Layout
16:9 viewport
4:12 / 12:48
Controls
- Play/pause with large touch target centered below the video.
- Chapter markers on the timeline for each recipe step.
- Speed control: 0.5×, 1×, 1.5×, 2× — tucked behind a single tap.
- Picture-in-picture toggle for keeping the recipe visible while cooking.
States
Loading skeleton
Buffering spinner
Error fallback
Offline placeholder
Accessibility
Full keyboard navigation, screen-reader labels on every control, and high-contrast focus rings using the violet brand color. Captions are toggleable and rendered with a semi-transparent backdrop for readability.