Cloudinary Video Player

Multiple Players

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>

      
      

        var cld = cloudinary.Cloudinary.new({ cloud_name: 'demo' });

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