Skip to content

[Bug] CldVideoPlayer transformation prop adds multiple q_auto components #651

Description

@carlevison

Bug Report

Describe the bug

For this code:

<div style={{ width: '300px', height: '300px' }}>
        <CldVideoPlayer
          width="300"
          height="300"
          src="ship"
          transformation={[
            {
              width: 300,
              height: 300,
              crop: 'fill',
              gravity: 'auto'
            },
            {
              effect: 'blur:50'
            },
            {
              radius: 'max'
            }
          ]}
        />
      </div>

This is the resulting URL:

https://res.cloudinary.com/demo/video/upload/q_auto/q_auto/q_auto/q_auto/c_fill,g_auto,h_300,w_300/e_blur:50/r_max/f_auto:video/ship

Notice the four q_auto components.

Is this a regression?

No idea

Steps To Reproduce the error

  1. Use the code above.
  2. Inspect the page.

Expected behaviour

Only one q_auto component should be present in the URL.

Your environment

  • OS: macOS 15.6.1 (24G90)
  • Node version: v24.2.0
  • Npm version: 11.3.0
  • Browser name and version: Chrome 144.0.7559.133 (Official Build) (arm64)

Activity

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions