logo

Up Next

The article in this section describes how to implement common use-cases related to the Up Next feature - for example how to use the API.

The Up Next feature adds a component to the UI which enables viewers to navigate upcoming asset, but also automatically loads this asset. This can be useful if you want to increase the engagement and consumption of your users.

The Up Next feature exposes the Up Next API. This API allows developers to configure the upcoming asset and its loading settings.

Up Next

Table of Contents

SDKs

Web SDK Android SDK iOS SDK tvOS SDK Android TV SDK Chromecast SDK
Yes No No No No N/A

How to use the Up Next API

The Up Next API is a UI feature and automatically loads upcoming content. Since it loads new web pages (and not just changes the video source), it is not relevant for other environments than web.

Code Examples

This example explains how you do a basic implementation of the Up Next API.

Web SDK

The Social Sharing API is currently only available on the Web SDK.

The snippet below demonstrates how you could configure the Up Next API.

player.upnext.source = {
    image: "//cdn.theoplayer.com/video/vr/poster.jpg",
    title: "360/VR in THEOplayer",
    duration: "2:14",
    link: "//demo.theoplayer.com/vr-and-360"
};
player.upnext.bar.offset = 106;
Android SDK

This API is currently not available on the Android (TV) SDK.

iOS SDK

This API is currently not available on the iOS (/tvOS) SDK.

Sample Applications

The demo below illustrates the Up Next API in production.

Remarks

The following remarks can help:

Resources

The following resources provide more information:

github
Make sure to follow us on GitHub!
THEO-logo-white
twitter
facebook
linkedin
Copyright © 2020. All Rights Reserved.
Leuven
New York
Singapore
Barcelona