VTT error Cannot read properties of undefined (reading 'css')

[nolafs]

Bug Report

Describe the bug

I am getting an error from VTT in the console using lastest Nextjs 14.

TypeError: Cannot read properties of undefined (reading 'css') at e.setupThumbnailElement (index.js:115:40) at index.js:107:14

Also it seems it is not able to get the thumbnails from cloudinary.

https://res.cloudinary.com/ddfaiyncd/video/upload/q_auto/c_fill,g_auto,h_1000,w_1920/fl_sprite/-da66-4772-9985-55184468e94b_ldorqm.vtt

Testing the same link with .webp does return an image. I presume that VTT format is not supported by cloudinary.

Steps To Reproduce the error

Import of the package into my project:

import {CldVideoPlayer} from 'next-cloudinary'; import 'next-cloudinary/dist/cld-video-player.css';

Expected behaviour

No error and thumbnail request only when controls are true

Your environment

• OS: Mac OS
• Node version: 20
• yarn version: 1.22.22
• Browser name and version: all browsers