Cloudinary Video Player

Multiple Players

Using the videoPlayers method you can initialize multiple players at once.

Player 1

Player 2

Player 3

Full documentation

Example Code:

      

        <video
          muted
          data-cld-public-id="elephants"
          class="cld-video-player cld-video-player-skin-dark">
        </video>

        <video
          muted
          data-cld-public-id="marmots"
          class="cld-video-player cld-video-player-skin-light">
        </video>

        <video
          muted
          data-cld-public-id="snow_deer_short"
          class="cld-video-player">
        </video>

      
      

        // Initialize players
        var players = cloudinary.videoPlayers('.cld-video-player', {
          cloud_name: 'demo',
          autoplay: true,
          controls: true,
          transformation: { width: 500, crop: 'limit' }
        });