Cloudinary Video Player

Display Configurations

This page demonstrates:

Full documentation

Example Code:

      
        <video
          id="player"
          playsinline
          controls
          muted
          autoplay
          class="cld-video-player"
          width="500"
        ></video>
      
      
        var cld = cloudinary.Cloudinary.new({ cloud_name: 'demo' });

        var player = cld.videoPlayer('player', {
          publicId: 'snow_horses',
          info: { title: 'Snow Horses', subtitle: 'A movie about horses' },
          hideContextMenu: true,
          logoImageUrl: 'https://upload.wikimedia.org/wikipedia/commons/3/38/Facebook_Like_React.png',
          logoOnclickUrl: 'https://google.com',
          showLogo: true,
          showJumpControls: true,
        });