Cloudinary Video Player

Codecs & Formats

f_auto

mp4/av1

webm/vp9

Full documentation

Example Code:

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

        // f_auto (default) player
        player = cloudinary.videoPlayer('player', {
          cloudName: 'demo',
          publicId: 'product-gallery-tutorial_hlk0na',
          info: { title: 'f_auto' },
        });

        // mp4/av1 player
        playerAv1 = cloudinary.videoPlayer('player-av1', {
          cloudName: 'demo',
          publicId: 'product-gallery-tutorial_hlk0na',
          info: { title: 'mp4/av1' },
          sourceTypes: ['mp4/av1']
        });

        // webm/vp9 player
        playerVp9 = cloudinary.videoPlayer('player-vp9', {
          cloudName: 'demo',
          publicId: 'Image_Performance',
          info: { title: 'webm/vp9' },
          sourceTypes: ['webm/vp9']
        });