## Table of Contents

- [media](#media)

---

[](https://microlink.io/docs/api/getting-started/overview)

[API](https://microlink.io/docs/api/getting-started/overview)

[](https://microlink.io/docs/guides)

GUIDES

[](https://microlink.io/docs/mql/getting-started/overview)

MQL

[](https://microlink.io/docs/sdk/getting-started/overview)

SDK

[](https://microlink.io/docs/cards/getting-started/overview)

CARDS

## media

Type:

\<string\> \| \<string\[\]\>

\
Default: \[ 'image', 'logo' \]\
Values:

'audio' \| 'iframe' \| 'image' \| 'logo' \| 'screenshot' \| 'video'

Determines the field to use as the media of the card.

```
<template>

  <Microlink

    url="https://www.youtube.com/watch?v=9P6rdqiybaw"

    :media="['image', 'logo']"

  />

</template>
```

The default value is a collection of fields, meaning that the first valid value will be used as the image of the card.

You can also pass a single value to be used instead, for example 'logo'

```
<template>

  <Microlink url='https://www.youtube.com/watch?v=9P6rdqiybaw' media='logo' />

</template>
```

The detection of 'video' is also supported

```
<template>

  <Microlink url='https://www.youtube.com/watch?v=9P6rdqiybaw' media='video' />

</template>
```

Also for 'audio'

```
<template>

  <Microlink

    url='https://open.spotify.com/track/1W2919zs8SBCLTrOB1ftQT'

    media='audio'

  />

</template>
```

Even 'iframe'

```
<template>

  <Microlink url='https://www.youtube.com/watch?v=9P6rdqiybaw' media='iframe' />

</template>
```