cloudinary-community / cloudinary-community/next-cloudinary

[Bug] CldVideoPlayer load error (Next 13)

Open
#279 17 comments 0 reactions 0 assignees View on GitHub
bug hacktoberfest hacktoberfest2025 help wanted
Dominant language
JavaScript
Stars
300
Forks
137
Avg merge
3m
Merged PRs (30d)
2

Description

# **Bug Report**

## **Describe the bug**

When rendering multiple CldVideoPlayers on one page, some of the players fail to load a video (while others work fine, which is odd).
For example when I render 20 players on 5*4 grid which share the same `src`, 3 or 4 of them would be shown as a white blank randomly.

## **Is this a regression?**

not sure

## **Steps To Reproduce the error**

1. repo: https://github.com/leebaduk/next-cloudinary-test
2. create `.env` on root with `NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=dlz0shbp1` (this is my cloud name)
4. `npm i`
5. `npm run dev`

## **Expected behaviour**

all the videos should be successfully loaded.

## **CodeSandbox or Live Example of Bug**

codesandbox available here, just the same as the repo above;
`https://codesandbox.io/p/sandbox/next-cloudinary-test-y5hssp`

## **Screenshot or Video Recording**

Screenshot 2023-09-12 at 3 36 54 PM
Screenshot 2023-09-12 at 3 45 09 PM

### **Your environment**

- OS: MacOS Ventura
- Node version: 18.16.0
- Npm version: 9.5.1
- Browser name and version: Chrome

## **Additional context**

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.