This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The VideoPlaybackQuality.totalVideoFrames read-only property returns an unsigned long containing the number of video frames created and dropped since the creation of the associated HTMLVideoElement.
value = videoPlaybackQuality.totalVideoFrames;
var videoElt = document.getElementById('my_vid');
var quality = videoElt.getVideoPlaybackQuality();
alert(quality.totalVideoFrames);
| Specification | Status | Comment |
|---|---|---|
| Media Source Extensions The definition of 'VideoPlaybackQuality.totalVideoFrames' in that specification. | Candidate Recommendation | Initial definition. |
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 23 | (Yes) |
25.0 (25.0)[1] 42.0 (42.0) | 11[2] | 15 | 8 |
| Feature | Android | Edge | Firefox Mobile (Gecko) | Firefox OS (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| Basic support | 4.4.4 | (Yes) | No support | No support | 11 | 30 | No support |
[1] Available after switching the about:config preference media.mediasource.enabled to true. In addition, support was limited to a whitelist of sites, for example YouTube, Netflix, and other popular streaming sites. The whitelist was removed and Media Source Extensions was enabled by default in 42+ for all sites.
[2] Only works on Windows 8+.
HTMLVideoElement.getVideoPlaybackQuality() method for constructing and returning this interface.MediaSourceSourceBuffer
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/VideoPlaybackQuality/totalVideoFrames