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.
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']}}" />
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.