# resolveMimeType

Resolve a source's MIME type from its file extension

## Import

```tsx
import { resolveMimeType } from '@videojs/react';
```

`resolveMimeType` returns the MIME type a source URL’s file extension implies, ignoring the query string and hash. It returns `null` when the URL has no extension or one it doesn’t recognize.

```ts
resolveMimeType('https://example.com/live/stream.m3u8?token=abc'); // 'application/x-mpegurl'
resolveMimeType('/media/podcast.mp3'); // 'audio/mpeg'
resolveMimeType('https://youtu.be/_cMxraX_5RE'); // null
```

| Extension | MIME type |
| --- | --- |
| `.m3u8` | `application/x-mpegurl` |
| `.mpd` | `application/dash+xml` |
| `.mp4` | `video/mp4` |
| `.webm` | `video/webm` |
| `.mov` | `video/quicktime` |
| `.ogv` | `video/ogg` |
| `.mp3` | `audio/mpeg` |
| `.m4a` | `audio/mp4` |
| `.wav` | `audio/wav` |
| `.ogg` | `audio/ogg` |
| `.flac` | `audio/flac` |
| `.aac` | `audio/aac` |

To find which media component plays a source, use [`resolveAdapterType`](https://videojs.org/docs/framework/react/reference/api/resolve-adapter-type).

## API Reference

`resolveMimeType(src): string | null`

### Parameters

| Parameter | Type | Default | Description |
| --- | --- | --- | --- |
| `src` (required) | `string` | — | The source URL. |

### Return Value

`string | null`

---

React documentation: https://videojs.org/docs/framework/react/llms.txt
All documentation: https://videojs.org/llms.txt