Playlist

KWIKplayer can be set to take a playlist instead of a single video.

Adding a playlist to the player instead of a single video will add a playlist button on the player. When clicked, the button will display a list of the videos that are in the playlist by thumbnails and titles.

In order to add a playlist instead of a single video, a "playlist" key needs to be available in the player's object instead of the video's items.

playlist key is an array of objects, whith each object containing the items for a single video. Each video can have its own unique settings at setup.

 <script>
     kwikMotion("player10", {
        //This will add a playlist
        playlist: [     //adding our playlist array
        {               //our first video in the playlist.
            image: 'https://static.vod-platform.net/VideosThumbsImages/motoshowme/400000/Poster-468459-17-1643676-1.jpg',
            sources: [{file: "https://clvod.itworkscdn.net/motorshowvod/smil:itwfcdn/motoshowme/468459-1C7L0R13997yZ4I.smil/playlist.m3u8"},
                {file: "https://clvod.itworkscdn.net/motorshowvod/smil:itwfcdn/motoshowme/468459-1C7L0R13997yZ4I.smil/manifest.mpd"},
                {file: "https://clvod.itworkscdn.net/motorshowvod/smil:itwfcdn/motoshowme/468459-1C7L0R13997yZ4I.smil/Manifest"}],
            title: 'Jaguar I-PACE eTROPHY 2018',
            tracks: [{
                file: 'https://static.vod-platform.net/VideosThumbsImages/motoshowme/400000/468459.vtt',
                kind: 'thumbnails'
            }]
        }, {         //our second video in the playlist
            image: 'https://static.vod-platform.net/VideosThumbsImages/motoshowme/300000/Poster-309021-17-9547220-1.jpg',
            sources: [
                {file: "https://clvod.itworkscdn.net/motorshowvod/smil:itwfcdn/motoshowme/309021-R426ZQDO4W2kLTG.smil/playlist.m3u8"},
                {file: "https://clvod.itworkscdn.net/motorshowvod/smil:itwfcdn/motoshowme/309021-R426ZQDO4W2kLTG.smil/manifest.mpd"},
                {file: "https://clvod.itworkscdn.net/motorshowvod/smil:itwfcdn/motoshowme/309021-R426ZQDO4W2kLTG.smil/Manifest"}],
            title: 'A rich man gives money to people in London',
            tracks: [{
                file: 'https://static.vod-platform.net/VideosThumbsImages/motoshowme/300000/309021.vtt',
                kind: 'thumbnails'
            }]
        }]
    });
 </script>