coderef

Media playback qualityBaseline · Widely available

The getVideoPlaybackQuality() method of HTMLVideoElement returns metrics that can be used to determine the playback quality of a video, such as how many frames were dropped.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Feb 4, 2020. Widely available since Aug 4, 2022.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–79Not supported
80+Supportedsince Feb 4, 2020
Current: 155
Edge
12+Supportedsince Jul 29, 2015
Current: 154
Firefox
1–41Not supported
42+Supportedsince Nov 3, 2015
Current: 157
Safari
1–7Not supported
8+Supportedsince Oct 16, 2014
Current: 27
MobileChrome Android
18–79Not supported
80+Supportedsince Feb 4, 2020
Current: 155
Firefox Android
4–41Not supported
42+Supportedsince Nov 3, 2015
Current: 157
Safari iOS
1–12Not supported
12.2+Supportedsince Mar 25, 2019
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: getVideoPlaybackQuality.

Feature detection

JS · check before using
if ("VideoPlaybackQuality" in globalThis) {
  // VideoPlaybackQuality is available
} else {
  // load a polyfill or use a fallback
}

Documentation (MDN)

Specification

Sub-features

Support for each part of the feature (5). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
HTMLVideoElement.getVideoPlaybackQuality8012428804212.2
VideoPlaybackQuality2312428254212.2
VideoPlaybackQuality.creationTime2312428254212.2
VideoPlaybackQuality.droppedVideoFrames2312428254212.2
VideoPlaybackQuality.totalVideoFrames2312428254212.2