Property 'videoPlayer' does not exist on type 'Cloudinary'.

I'm following this guide: https://cloudinary.com/blog/how_to_serve_videos_in_next_js_applications_with_cloudinary to add videos in my Next.js app but I'm getting the following error of "Property 'videoPlayer' does not exist on type 'Cloudinary'."

import "cloudinary-video-player/dist/cld-video-player.min.js";
import "cloudinary-video-player/dist/cld-video-player.min.css";
import { Cloudinary } from "cloudinary-core";
import { useEffect } from "react";
const NativeVideoPlayer = () => {
  const cld = new Cloudinary({ cloud_name: "chuloo" });
  useEffect(() => {
    const videoPlayer = cld.videoPlayer("video-player", {
      muted: true,
      controls: true
    });
    videoPlayer.source("video-blog/cat");
  });
  return (
    <div>
      <video id="video-player" />
    </div>
  );
};
export default NativeVideoPlayer;

Tia Esguerra

December 31, 2022 22:08

Hi Kent,

Thanks for reaching out.

Can I ask you to open a support ticket directly via the following link https://support.cloudinary.com/hc/en-us/requests/new

The code that you have shared above is copied directly from the blog post that you are following. When you open the support ticket, please share your actual code with us, so that we can look into the logs on our end. Please share as many details as possible with us. The more you can share, the easier it will be for us to help debug the issue.

Kind Regards,

Tia

Comments