Video player screen examples

Flask

Detail page where the user reviews a video asset and is prompted by a modal to upgrade for unlimited assets after completing onboarding steps.

• Upgrade Prompt
• Media Detail

Dock

Detail page where the user views a selected product demo recording, checks its recent analytics, and accesses sharing and update options.

• Media Detail
• Video Player

HeyGen

Detail page where the user views an AI-generated avatar video in a full-screen player with playback controls.

• Video Player

Browserbase

Detail page for a specific browser session featuring a video replay, session metadata, and a tabbed panel for console and network logs.

• Media Detail
• Video Player

Flora

Community page where the user browses and starts interactive tutorials and video guides via horizontal carousels.

• Browse
• Templates

Elevenlabs

Settings page where the user configures the embeddable interface and behavior of their AI voice agent widget, including feedback collection and chat modes.

• AI Settings
• Edit

Maze

Signup step where the user provides their name, company, and job role to personalize their experience.

• Sign Up
• Profile

Morphic

Detail page where the user views a generated video asset and its metadata properties, with options to share, download, or delete the file.

• Media Detail
• Video Player

Dovetail

List view where the user browses a grid of media and document assets within a project, with an app menu open in the sidebar.

• Browse
• Files

Kinescope

Detail page where the user configures interactive annotation links for a specific video on a timeline.

• Media Detail
• Upgrade Prompt

Gather

Detail page where the user watches a recorded video meeting with standard playback controls.

• Video Player

Cake

Educational gallery where the user can watch short explainer videos about equity, vesting, and stock options, and provide thumbs-up or thumbs-down feedback.

• Browse
• Video Player