Since September 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Note: This feature is available in Dedicated Web Workers.
The displayWidth property of the VideoFrame interface returns the width of the VideoFrame after applying aspect ratio adjustments.
An integer.
The following example prints the displayWidth to the console.
console.log(VideoFrame.displayWidth);
| Specification |
|---|
| WebCodecs> # dom-videoframe-displaywidth> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
displayWidth |
94 | 94 | 130 | 80 | 16.4 | 94 | 130 | 66 | 16.4 | 17.0 | 94 | 16.4 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/VideoFrame/displayWidth