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>
      
      

        // Initialize player
        var player = cloudinary.videoPlayer('player', { cloud_name: 'demo' });

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

        // Play source
        player.source(source);

        var player_t = cloudinary.videoPlayer('player-t', { cloud_name: 'demo' });

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

        player_t.source(sourceTransformation);