Listings can be accompanied by videos. These videos are hosted on third party platforms, of which ILSA supports many. A listing can have zero or more videos and the same video for a listing can be available on one or more platforms. You can find the prefererred platform for each video in videos[].preferred_source.

ILSA does not yet validate whether these videos (still) exist but just passes along the reference. Contact us if that is a feature you’d like.

For most platforms, the video can simply be embedded with an iframe using videos[].iframe_url. You probably want to set a width and height on the iframe.

<iframe src="{{video.iframe_url}}" frameborder="0" scrolling="no"></iframe>

For some video platforms it can be benificial to add specific support, allowing additional features. You will then need to add the corresponding field to your fieldset, for example videos[].sources.youtube. See below for examples.

<iframe src="https://www.youtube.com/embed/{{video.sources.youtube}}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

You can enable autoplay with ?autoplay=1.

<iframe src="https://player.vimeo.com/video/{{video.sources.vimeo}}?autoplay=1" frameborder="0"></iframe>

taGGle always has 640x320 videos.

<iframe src="https://taggleauto.movieplayer.nl/tg/{{video.sources.taggle}}/?width=640&height=320" width="640" height="320" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen"></iframe>

Add their script to your <head> tag.

<script src="https://scripts.sirv.com/sirv.js"></script>

and this were you want the presentation:

<div class="Sirv" data-src="{{video.sources['sirv-spin']}}" />

Extract the data-theme, data-identification and data-identification-value from video.sources.vivition (a JSON object). data-identification will usually be licence_vin [sic].

Import this JavaScript library:

<script type="text/javascript" src="https://static-api.vivition.com/scripts/vivition.virtualvehicletour.js"></script>

and this were you want the presentation:

<div {{data-identification}}="{{data-identification-value}}" data-theme="{{data-theme}}" class="vivition-player"></div>

Refer to the Vivition documentation for more information.

For some platforms we are able to create thumbnail URLs. If we can for one of the platforms the video is available in, videos[].thumbnail_small, videos[].thumbnail_medium and videos[].thumbnail_large will be filled. Either all three of them are filled or all three are empty.