# 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.

-

  React



-

  Vue



-

  Jekyll



-

  Vanilla



    <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.

[](https://www.youtube.com/watch?v=9P6rdqiybaw)

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

-

  React



-

  Vue



-

  Jekyll



-

  Vanilla



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

[](https://www.youtube.com/watch?v=9P6rdqiybaw)

The detection of 'video' is also supported

-

  React



-

  Vue



-

  Jekyll



-

  Vanilla



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

[](https://www.youtube.com/watch?v=9P6rdqiybaw)

Also for 'audio'

-

  React



-

  Vue



-

  Jekyll



-

  Vanilla



    <template>
      <Microlink
        url='https://open.spotify.com/track/1W2919zs8SBCLTrOB1ftQT'
        media='audio'
      />
    </template>

[](https://open.spotify.com/track/1W2919zs8SBCLTrOB1ftQT)

Even 'iframe'

-

  React



-

  Vue



-

  Jekyll



-

  Vanilla



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

[](https://www.youtube.com/watch?v=9P6rdqiybaw)