Cloudinary Video Player

Audio Player

Audio Player - with transformations

Full documentation

Example Code:

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

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

        // Initialize player
        var player = cld.videoPlayer('player');

        // Define source
        var source = { publicId: 'dog', 'sourceTypes': ['audio'] };

        // Play source
        player.source(source);

        var player_t = cld.videoPlayer('player-t');

        // Define source with transformations
        var sourceTransformation = {
          publicId: 'dog',
          'sourceTypes': ['audio'],
          transformation: {
            start_offset: 3,
            duration: 5
          }
        };

        player_t.source(sourceTransformation);