Skip to content

feat: add responsive breakpoints#981

Open
adimiz1 wants to merge 10 commits intomasterfrom
feat/responsive_breakpoints
Open

feat: add responsive breakpoints#981
adimiz1 wants to merge 10 commits intomasterfrom
feat/responsive_breakpoints

Conversation

@adimiz1
Copy link
Contributor

@adimiz1 adimiz1 commented Feb 16, 2026

Implements automatic video resolution selection based on container width and device pixel ratio (DPR).

@adimiz1 adimiz1 requested a review from a team as a code owner February 16, 2026 05:13
@netlify
Copy link

netlify bot commented Feb 16, 2026

Deploy Preview for cld-vp-esm-pages ready!

Name Link
🔨 Latest commit ae86615
🔍 Latest deploy log https://app.netlify.com/projects/cld-vp-esm-pages/deploys/69931e4c08638900083cd57c
😎 Deploy Preview https://deploy-preview-981--cld-vp-esm-pages.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify
Copy link

netlify bot commented Feb 16, 2026

Deploy Preview for cld-video-player ready!

Name Link
🔨 Latest commit ae86615
🔍 Latest deploy log https://app.netlify.com/projects/cld-video-player/deploys/69931e4c37e94500088160f1
😎 Deploy Preview https://deploy-preview-981--cld-video-player.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Collaborator

@tsi tsi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work! 💪 please see my comments

if (!breakpointsEnabled) return null;

// Get player element from DOM
const playerElement = document.querySelector('.cld-video-player, video.vjs-tech');
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We shouldn't trust a DOM query here, we should have explicit reference to the current player.

Please see how we set the size for the poster image (in cloudinary plugin) and see if this will work for this too.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants