TVMediaControls

TVMediaControls — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

TVMediaControls — Prism component.

Accessibility

Designed for the ten-foot / remote experience: large focus targets, a single bright focus highlight, D-pad navigation, and high-contrast type. Honours data-scale="cinema".

Import

const { TVMediaControls } = window.PrismDesignSystem_39d121;

Props

Prop	Type	Required	Description
title	React.ReactNode	—	Now-playing title.
sub	React.ReactNode	—	Subtitle (episode, channel, …).
position	number	—	Current position in seconds.
duration	number	—	Total duration in seconds.
buffered	number	—	Buffered-to position in seconds.
playing	boolean	—	Whether playback is active (toggles the play/pause glyph).
onPlayPause	() => void	—
onSkipBack	() => void	—
onSkipForward	() => void	—
skip	number	—	Skip amount in seconds (for labels). Default 10.
controls	React.ReactNode	—	Extra controls appended to the transport row.
art	string	—	Backdrop URL when a control is focused.