Console returning error in Next Cloudinary using video

hybrazil
hybrazil Member Posts: 1 ✭
in Developer APIs

Hi, I use nextjs and installed next-cloudinary. But in the console it returns two errors in localhost and in production. Does anyone know why these errors, I'm using the same codes as the examples

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

Failed to load resource: the server responded with a status of 400 ()

Even with console errors, the video plays normally

Code nextjs:

"use client";
import { CldVideoPlayer, getCldImageUrl } from "next-cloudinary";
import "next-cloudinary/dist/cld-video-player.css";

export const Video = () => {  return (

<CldVideoPlayer         
id="default"         
width="1920"         
height="1080"         
poster={getCldImageUrl({ src: "imagens/home/idmy" })}         
src="/videos/idmy"         
className="mx-auto aspect-video overflow-hidden object-cover object-center sm:w-full lg:order-last border border-gray-900/30"        />
;};
export default Video;


Tagged:

Comments

  • epasos
    epasos Member, Cloudinary Staff Posts: 26

    Hi,

    The necessary package seems not available, and you can check out the installation guide as described in this documentation - https://next.cloudinary.dev/installation

    In case the issue still occurs, could you please raise a support ticket and provide a sample CodeSandbox or Replit environment showing the issue?

    Looking forward to your updates.

    Best regards,

    Eric

Categories