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.
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>
The detection of 'video' is also supported
  • React
  • Vue
  • Jekyll
  • Vanilla
<template>
  <Microlink 
    url="https://www.youtube.com/watch?v=9P6rdqiybaw" 
    media="video"
  />
</template>
Also for 'audio'
  • React
  • Vue
  • Jekyll
  • Vanilla
<template>
  <Microlink 
    url="https://open.spotify.com/track/1W2919zs8SBCLTrOB1ftQT" 
    media="audio"
  />
</template>
Even 'iframe'
  • React
  • Vue
  • Jekyll
  • Vanilla
<template>
  <Microlink 
    url="https://www.youtube.com/watch?v=9P6rdqiybaw" 
    media="iframe"
  />
</template>