Cloudinary Video Player

Share and Download

1. Progressive MP4 (download via player config)

---

2. HLS / Adaptive (download via source config)

Full documentation

Example Code:

      

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

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

      
      
        // Player with download enabled for all sources
        const player1 = cloudinary.videoPlayer('player1', {
          cloudName: 'demo',
          download: true,
          publicId: 'snow_horses'
        });

        // Player with download enabled for a specific source
        const player2 = cloudinary.videoPlayer('player2', {
          cloudName: 'demo'
        });

        player2.source({
          publicId: 'snow_horses',
          sourceTypes: ['hls/h265'],
          transformation: [
            { streaming_profile: 'full_hd_h265' },
            { angle: 180 }
          ],
          download: true
        });