External media

External media allows you to host and distribute custom content via Cylindo and its Content API.

Result

Live Editor

<cylindo-viewer
  customer-id="5098"
  code="ARMCHAIR-PDP"
>
  <cylindo-external-media
    content-id="f68ee704-c36b-410d-96cc-9b54f4119661"
    alt="rock formation on a beach, retrieved from picsum"
    display-mode="cover-viewer"
    thumbnail-crop="0.2,0,0.3,0.3"
    original-dimensions="2500,1667"
  />
  <cylindo-thumbnail-bar></cylindo-thumbnail-bar>
</cylindo-viewer>

Props

Name	Type	Default	Description
`alt`	`string`	`""`	Alternative text for the external media item. This is used by screen readers.
`display-mode`	`string`	`"fit-inside-viewer"`	Determines how the external media image fits within the viewer's content area.
`thumbnail-crop`	`string`	`""`	The crop applied to the external media's thumbnail.

Props​

Props