Current version: (AGNO-JavaScript API)

Configuration

This feature can be used as follows:

// required parameters
brand: "agnoplay",
videoId: "Mbdskc9KsAii",
url: window.location.href,
...
// add related video of 9 minimum:
var externalRelatedData = [
  { image: 'https://cdn-kiosk-api.telegraaf.nl/4bf7ff70-0435-11e9-83df-0bc219e0b888.jpg',
    link: 'https://www.telegraaf.nl/video/2942299/pakketbezorger-maakt-peperdure-fout',
    title: 'Pakketbezorger maakt peperdure fout' },
  { image: 'https://cdn-kiosk-api.telegraaf.nl/99f41462-0416-11e9-80f9-4f1497241b17.jpg',
    link: 'https://www.telegraaf.nl/video/2941339/spectaculaire-achtervolging-inbreker-betrapt-en-gepakt',
    title: 'Spectaculaire achtervolging: inbreker betrapt én gepakt' },
  { image: 'https://cdn-kiosk-api.telegraaf.nl/5690e150-0416-11e9-ad1b-4f443fb53865.jpg',
    link: 'https://www.telegraaf.nl/video/2937713/vrouw-zet-vreemdganger-keihard-voor-schut',
    title: 'Vrouw zet vreemdganger keihard voor schut' },
  { image: 'https://cdn-kiosk-api.telegraaf.nl/4457bf5e-9ae9-11e8-a795-737ccef9a4ef.jpg',
    link: 'https://www.telegraaf.nl/video/2404577/tiener-moeder-8-je-bent-een-onverantwoordelijke-trut',
    title: 'Tiener & Moeder - 8: \'Je bent een onverantwoordelijke trut!\'' },
  { image: 'https://cdn-kiosk-api.telegraaf.nl/4497c99c-039d-11e9-b5f2-adc70c17c041.jpg',
    link: 'https://www.telegraaf.nl/video/2939141/dader-opgepakt-maar-wij-zijn-nog-steeds-bang',
    title: '\‘Dader opgepakt, maar wij zijn nog steeds bang\’' },
  { image: 'https://cdn-kiosk-api.telegraaf.nl/61465026-0416-11e9-80f9-4f1497241b17.jpg',
    link: 'https://www.telegraaf.nl/video/2938605/bizarre-transformatie-dikste-kind-ooit',
    title: 'Bizarre transformatie dikste kind ooit' },
  { image: 'https://cdn-kiosk-api.telegraaf.nl/db341866-03ce-11e9-8ec1-272e19ebc600.jpg',
    link: 'https://www.telegraaf.nl/video/2940803/nieuwe-spider-man-verrast-op-alle-fronten',
    title: '\‘Nieuwe Spider-Man verrast op alle fronten\’' },
  { image: 'https://cdn-kiosk-api.telegraaf.nl/b16d5962-9596-11e8-9cd3-a1719e12ce2b.jpg',
    link: 'https://www.telegraaf.nl/video/2377798/dagboek-van-een-minnares-9-parijs',
    title: 'Dagboek van een Minnares - 9: Parijs' },
  { image: 'https://cdn-kiosk-api.telegraaf.nl/d28869f0-029e-11e9-9eb8-9fca7e2f56cb.jpg',
    link: 'https://www.telegraaf.nl/video/2930070/bizarre-ontdekking-in-home-alone',
    title: 'Bizarre ontdekking in Home Alone' }
]
// and add following parameters:
recommendations: true,
related: externalRelatedData,
upnext: true,
countdown_duration: 10,
autoplay: false

Up Next

This is an example of the Up Next feature. At the end of the video the recommendations will show and the user will be forwarded to the top left item within X seconds. These recommendations can be supplied by any data layer in your technology stack, but when used with the Up Next feature it is adviced that the data layer keeps track of video assets already being served to the user, to prevent that the Up Next feature will always show the same video.