media

|

The legacy Microlink Embed SDK is no longer maintained. It keeps working and you can still use it, but it won't receive further updates. The new Microlink SDK — the microlink.io package — is the way to consume the Microlink API going forward.

Type:

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

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>