Nuxt: After updating video.js to latest, videojsPlayer redirect to not found page when i reload the page in nuxt

[alokVishu]

Describe the bug

I have updated the core dependencies of the 'video-player' plugin to the latest version. However, this has caused a strange issue where the page that uses the video player is redirected to a 404 page upon reloading. To fix this issue, I have downgraded to version 8.6.0 of video.js.

Reproduction

https://github.com/alokVishu/videojs-issue

System Info

❯ npx envinfo --system --npmPackages --binaries --browsers
Need to install the following packages:
envinfo@7.11.1
Ok to proceed? (y) 

  System:
    OS: macOS 14.2.1
    CPU: (8) arm64 Apple M1
    Memory: 110.05 MB / 8.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.9.0 - ~/.nvm/versions/node/v20.9.0/bin/node
    Yarn: 1.22.21 - ~/.nvm/versions/node/v20.9.0/bin/yarn
    npm: 10.1.0 - ~/.nvm/versions/node/v20.9.0/bin/npm
    pnpm: 8.10.5 - ~/.nvm/versions/node/v20.9.0/bin/pnpm
  Browsers:
    Brave Browser: 117.1.58.131
    Chrome: 122.0.6261.112
    Safari: 17.2.1
  npmPackages:
    @videojs-player/vue: ^1.0.0 => 1.0.0 
    @videojs/xhr: ^2.6.0 => 2.6.0 
    nuxt: ^3.10.3 => 3.10.3 
    video.js: ^8.10.0 => 8.10.0 
    vue: ^3.4.21 => 3.4.21 
    vue-router: ^4.3.0 => 4.3.0

Used Package Manager

pnpm

Validations

• Read the the documentation in detail.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.