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' }
});