Cloudinary Video Player

Source switcher

Full documentation

Example Code:

      

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

      
    

      
      cloudinary.videoPlayer('player-multiple-sources', {
        cloudName: 'demo',
        videoSources: [
          {
            publicId: 'snow_horses'
          },
          {
            publicId: 'dirt_bike',
            textTracks: {
              captions: {
                label: 'Original',
                default: true,
              },
              subtitles: [
                {
                  label: 'English',
                  language: 'en-US',
                },
                {
                  label: 'Polish',
                  language: 'pl-PL',
                },
              ]
            },
          },
          {
            publicId: 'marmots',
            label: 'Custom video name',
            download: true,
          },
        ],
      });