`video-dynamic-range` CSS media feature

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

See full compatibility

The video-dynamic-range CSS media feature can be used to test the combination of brightness, contrast ratio, and color depth that are supported by the video plane of the user agent and the output device.

Some user agents, including many TVs, render video and graphics in two separate planes (bi-plane) with distinct screen characteristics. The video-dynamic-range feature is used to test the characteristics in the video plane.

Syntax

The video-dynamic-range feature is specified as a keyword value chosen from the list below.

standard: This value matches any visual device and excludes devices lacking visual capabilities. A user agent or an output device that matches high will also match the standard value.
high: This value matches user agents and output devices that support high peak brightness, high contrast ratio, and color depth greater than 24 bit or 8 bit per color component of RGB. Peak brightness refers to how bright the brightest point a light-emitting device, such as an LCD screen, can produce. In the case of a light-reflective device, such as paper or e-ink, peak brightness refers to the point that at least absorbs light. Contrast ratio refers to the ratio of the luminance of the brightest color to that of the darkest color that the system is capable of producing. Currently, there is no precise way to measure peak brightness and contrast ratio, and the determination of what counts as high peak brightness and high contrast ratio depends on the user agent.

Specifications

Specification
Media Queries Level 5 # video-dynamic-range

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`video-dynamic-range` media feature	Chrome – No support Chrome 98 (Release date: 2022-02-01) disabled disabled From version 98 users must explicitly set the `#enable-experimental-web-platform-features` preference to `Enabled`. To change preferences in Chrome, visit chrome://flags.	Edge – No support Edge 98 (Release date: 2022-02-03) disabled disabled From version 98 users must explicitly set the `#enable-experimental-web-platform-features` preference to `Enabled`. To change preferences in Edge, visit about:flags.	Firefox – Full support Firefox 100 (Release date: 2022-05-03) footnote Full support	Opera – No support Opera 84 (Release date: 2022-02-16) disabled disabled From version 84 users must explicitly set the `#enable-experimental-web-platform-features` preference to `Enabled`. To change preferences in Opera, visit opera://flags.	Safari – No support Safari footnote No support	Chrome Android – No support Chrome Android 98 (Release date: 2022-02-01) disabled disabled From version 98 users must explicitly set the `#enable-experimental-web-platform-features` preference to `Enabled`. To change preferences in Chrome Android, visit chrome://flags.	Firefox for Android – Full support Firefox for Android 100 (Release date: 2022-05-03) footnote Full support	Opera Android – No support Opera Android footnote No support	Safari on iOS – No support Safari on iOS footnote No support	Samsung Internet – No support Samsung Internet footnote No support	WebView Android – No support WebView Android footnote No support	WebView on iOS – No support WebView on iOS footnote No support

Tip: you can click/tap on a cell for more information.

Full support: Full support
No support: No support
: User must explicitly enable this feature.

video-dynamic-range CSS media feature

Syntax

Specifications

Browser compatibility

Legend

See also

`video-dynamic-range` CSS media feature