Cloudinary Video Player

Video Details

Auto-fetch Both Title & Description

Auto-fetch Title, Custom Description

Mixed with Legacy Format

Full documentation

Example Code:

      
        <video
          id="player"
          controls
          muted
          autoplay
          class="cld-video-player"
          width="500"
        ></video>
      
      
        // Auto-fetch both title and description
        const player = cloudinary.videoPlayer('player', { cloudName: 'demo' });
        
        player.source({
          publicId: 'my-video',
          title: true,        // Auto-fetch from metadata endpoint
          description: true   // Auto-fetch from metadata endpoint
        });

        // Mixed approach: auto-fetch title, custom description
        player.source({
          publicId: 'my-video',
          title: true,
          description: 'Custom description text'
        });

        // Backward compatible with legacy format
        player.source({
          publicId: 'my-video',
          title: true,
          info: { subtitle: 'Fallback if auto-fetch fails' }
        });