Media Player Patterns

Video Player

• Controls: Play/pause, timeline scrubber, volume, fullscreen, speed, captions
• Auto-hide controls: Fade out after 3 seconds of no mouse movement, show on hover/tap
• Thumbnail preview: Show frame preview on timeline hover
• Keyboard shortcuts: Space (play/pause), arrows (skip 5/10s), F (fullscreen), M (mute)

Audio Player

• Minimal: Play/pause, timeline, current time / duration
• Standard: Add volume, speed control, skip 15s buttons
• Podcast: Add chapter markers, show notes, clip sharing

Timeline Design

• Show buffered range (lighter fill behind playhead)
• Chapters/segments as markers on timeline
• Click anywhere to seek
• Drag playhead for precise seeking
• Show elapsed / remaining time