1---
2name: get-video-dimensions
3description: Getting the width and height of a video file with Mediabunny
4metadata:
5  tags: dimensions, width, height, resolution, size, video
6---
7 
8# Getting video dimensions with Mediabunny
9 
10Mediabunny can extract the width and height of a video file. It works in browser, Node.js, and Bun environments.
11 
12## Getting video dimensions
13 
14```tsx
15import { Input, ALL_FORMATS, UrlSource } from "mediabunny";
16 
17export const getVideoDimensions = async (src: string) => {
18  const input = new Input({
19    formats: ALL_FORMATS,
20    source: new UrlSource(src, {
21      getRetryDelay: () => null,
22    }),
23  });
24 
25  const videoTrack = await input.getPrimaryVideoTrack();
26  if (!videoTrack) {
27    throw new Error("No video track found");
28  }
29 
30  return {
31    width: videoTrack.displayWidth,
32    height: videoTrack.displayHeight,
33  };
34};
35```
36 
37## Usage
38 
39```tsx
40const dimensions = await getVideoDimensions("https://remotion.media/video.mp4");
41console.log(dimensions.width); // e.g. 1920
42console.log(dimensions.height); // e.g. 1080
43```
44 
45## Using with local files
46 
47For local files, use `FileSource` instead of `UrlSource`:
48 
49```tsx
50import { Input, ALL_FORMATS, FileSource } from "mediabunny";
51 
52const input = new Input({
53  formats: ALL_FORMATS,
54  source: new FileSource(file), // File object from input or drag-drop
55});
56 
57const videoTrack = await input.getPrimaryVideoTrack();
58const width = videoTrack.displayWidth;
59const height = videoTrack.displayHeight;
60```
61 
62## Using with staticFile in Remotion
63 
64```tsx
65import { staticFile } from "remotion";
66 
67const dimensions = await getVideoDimensions(staticFile("video.mp4"));
68```
69