Cloudinary Video Player

Playlist by tag (with captions)

Playlist by tag documentation

Example Code:

      <video
        id="player"
        controls
        autoplay
        muted
        class="cld-video-player"
        width="500"
      ></video>

      
      

        player.playlistByTag('video_race', {
          autoAdvance: true,
          repeat: true,
          presentUpcoming: false,
          sorter: sorter, // returns sources-list sorting function
          sourceParams: getTextTracks  // returns per-source config function, handles captions
        }).then(function(player) {
          var divElem = document.querySelector("div#playlist-data");
          var list = player.playlist().list().map(function(source) {
            return source.publicId()
          }).join(', ');

          divElem.innerText = "Playlist: " + list
        });