# What are Video Controls?

Video controls are interface elements for play, pause, seeking, volume, captions, speed, quality, and fullscreen actions. A browser may provide them natively, or an application may implement a custom player interface.

Video + audio tracks

Video processing

Playable derivative

Video processing decodes timed tracks, transforms them, and encodes a deliverable for a target player. This diagram shows video broadly, not specifically Video Controls.

<span aria-hidden="true" id="how-it-works"></span>

## How Video Controls work

Browser-native controls are rendered by the user agent and remain closely coupled to its media state, whereas custom controls are application components that drive the same playback APIs. A complete control surface listens for asynchronous state changes rather than assuming a command succeeded. It also exposes timed-text selection, input modality, and error states alongside transport commands. Controls occupy the interaction layer between the viewer and the playback engine.

<span aria-hidden="true" id="key-facts"></span>

## Key facts

1. 1Starting playback is asynchronous and may be rejected by browser policy, so a custom play button must handle the returned promise and restore an accurate paused state after failure.
2. 2A custom seek bar should use the media element’s seekable ranges, not only its duration, because live windows and partially available media may not begin at zero.
3. 3Buttons and sliders need keyboard operation, visible focus, accessible names, and announced values; pointer-only controls exclude keyboard and assistive-technology users.

<span aria-hidden="true" id="when-it-matters"></span>

## When Video Controls matter

Retain native controls unless product requirements justify a custom interface and its maintenance burden. Custom controls must preserve keyboard operation, accessible names, focus behavior, and device compatibility.

<span aria-hidden="true" id="category-use-cases"></span>

## Common use cases for video

These examples cover video broadly, not specifically Video Controls.

* Preparing uploaded video for web, mobile, connected-TV, social, or editorial playback.
* Creating clips, thumbnails, captions, alternate aspect ratios, and adaptive renditions.
* Normalizing camera, screen-recording, and user-generated files into predictable outputs.

<span aria-hidden="true" id="at-scale"></span>

## Working with video

This guidance covers video broadly, not just Video Controls.

A demuxer separates tracks from the container, decoders turn compressed streams into frames or samples, and filters apply spatial or temporal changes. Encoders compress the transformed tracks before a muxer writes the chosen output container.

Video compatibility is the product of codec, container, profile, level, frame rate, color, audio, and subtitles. Validate the complete output on target devices because a playable file on one decoder may fail or look different on another.

### What you gain

* Standardized derivatives make diverse source files playable on target devices.
* A retained master can feed many resolutions, aspect ratios, codecs, and channels.
* Automated inspection and transformation make large upload volumes consistent.

### What it costs

* More efficient codecs can lower bitrate at similar quality but usually cost more compute and may have narrower support.
* Higher resolutions and frame rates preserve more detail and motion while increasing processing and delivery requirements.
* Fast encoding settings improve throughput but can produce larger files or lower quality than slower analysis.

### Before production

1. 1Inspect codec, container, dimensions, frame rate, color, audio, and subtitle tracks.
2. 2Test visual quality and playback support across the slowest and oldest target devices.
3. 3Preserve a suitable master before applying lossy, destructive, or delivery-specific changes.

[← Video Content Management System](/glossary/video-content-management-system.md)[Video Decoding →](/glossary/video-decoding.md)

More in video

* [Video Completion Rate](/glossary/video-completion-rate.md)
* [Video Compositing](/glossary/video-compositing.md)
* [Video Compression](/glossary/video-compression.md)
* [Video Decoding](/glossary/video-decoding.md)
* [Video Embed](/glossary/video-embed.md)
* [Video Encoding](/glossary/video-encoding.md)

[All 505 terms](/glossary.md)

## Turn media knowledge into a working pipeline

Connect uploads, processing, AI, storage, and delivery through one declarative API — with the encoding stack, scaling, and format churn handled for you.

[Try Transloadit for free](/c/signup/)