[Bug] CldVideoPlayer not streaming after route change (Next.js 15 App Router)

[mdillgen]

Bug Report

Describe the bug

Within a static Next.js 15 app, a player has been implemented on the initial route and it plays with autoplay set. When the route is changed and the user returns, the player does not contain the current video and does not play.

Steps To Reproduce the error

1. Run the application
2. Change route to “Another page”
3. Go back to “Home” or use browser backwards navigation
4. Video has disappeared

Expected behaviour

The player should be consistent after the route has changed and the user revisits the video player's route, either by using the Nav link or by navigating backwards.

I know that this behaviour probably has more to do with how the app router works. Nevertheless, I have hardly tried to solve the problem, even the docs were not very helpful at: https://next.cloudinary.dev/cldvideoplayer/configuration#refs

CodeSandbox or Live Example of Bug

↗︎ Live Example

Screenshot or Video Recording

Bildschirmaufnahme.2024-11-19.um.00.21.04.mp4

Your environment

• OS: MacOS 14.6.1
• Node version: v20.11.1
• Npm version: 10.2.4
• Pnpm version: 9.13.2
• next: 15.0.3
• next-cloudinary: ^6.16.0
• react: "19.0.0-rc-66855b96-20241106
• react-dom: 19.0.0-rc-66855b96-20241106
• Browser name and version: Google Chrome Version 131.0.6778.69 (Offizieller Build) (x86_64)

Related issue:
#279

[ceobit]

I am experiencing the same issue