Skip to content

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

@carlevison

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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions