media
Type:
Default: [ 'image', 'logo' ]
Values:
<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'