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

Open mdillgen opened this issue 1 year ago • 3 comments

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

Run the application
Change route to “Another page”
Go back to “Home” or use browser backwards navigation
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

https://github.com/user-attachments/assets/fda0abd8-f220-4fba-af53-a108c96c1a0e

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)