From ddfe10321b750c63a1a42ee11f15b998f6d71b5c Mon Sep 17 00:00:00 2001 From: Tsachi Shlidor Date: Thu, 12 Mar 2026 11:00:55 +0200 Subject: [PATCH 1/8] chore: align example pages --- docs/aspect-ratio-crop.html | 14 ++-- docs/breakpoints.html | 113 +++++++++++++++++++------------ docs/es-modules/breakpoints.html | 53 +++++++-------- 3 files changed, 98 insertions(+), 82 deletions(-) diff --git a/docs/aspect-ratio-crop.html b/docs/aspect-ratio-crop.html index 485bb08ad..82d17f0b7 100644 --- a/docs/aspect-ratio-crop.html +++ b/docs/aspect-ratio-crop.html @@ -21,7 +21,13 @@ player1.source({ publicId: 'sea_turtle', aspectRatio: '1:1', - cropMode: 'fill' + cropMode: 'fill', + breakpoints: true, + transformation: [ + { width: 400, crop: 'limit' }, + { effect: 'blur:500' }, + { effect: 'saturation:-100' } + ] }); var player2 = cloudinary.videoPlayer('player-2', { cloudName: 'demo' }); @@ -55,8 +61,6 @@

fill - crops to fit aspect ratio

id="player-1" playsinline controls - muted - autoplay class="cld-video-player" width="500"> @@ -66,8 +70,6 @@

pad - letterboxes to fit

id="player-2" playsinline controls - muted - autoplay class="cld-video-player" width="500"> @@ -77,8 +79,6 @@

smart with 9:16 (portrait)

id="player-3" playsinline controls - muted - autoplay class="cld-video-player" width="280"> diff --git a/docs/breakpoints.html b/docs/breakpoints.html index f186b5bc3..7616310ad 100644 --- a/docs/breakpoints.html +++ b/docs/breakpoints.html @@ -2,19 +2,29 @@ - - Breakpoints - Cloudinary Video Player + Cloudinary Video Player - + + + + + + + +