getting issues in next-cloudinary package's cldVideoPlayer component
Dear Cloudinary Team,
I hope this message finds you well. My name is Skysparko, a longstanding member of the Cloudinary community. I have consistently admired the quality and efficiency of your services, which is why I am reaching out today with a specific concern regarding my recent project. To optimize performance and adhere to best practices, I have chosen to implement the next-cloudinary component.
Below is the code snippet illustrating how I have integrated the component into my project:
jsx
"use client"
import { CldVideoPlayer } from "next-cloudinary";
import "next-cloudinary/dist/cld-video-player.css";
const Home = () => {
return (
<div>
<CldVideoPlayer
src="slide0_mqxni4"
width={1920}
height={1080}
muted={true}
autoPlay="on-scroll" />
</div>
);
};
export default Home;
However, while utilizing Next.js 14 (App Router), I have encountered a few issues that are impeding the seamless execution of my project. I would greatly appreciate your guidance and expertise in resolving these concerns.
Your assistance in this matter is invaluable to me, and I am looking forward to your prompt response.
Thank you for your time and support.
Warm regards,
Skysparko
Answers
-
Hi @skysparko ,
Thanks for contacting Cloudinary.
Are you referring the deprecated feature errors that you are seeing?
or the multiple instances of the same video detected on the page ?
1) In order to see exactly what network requests are being made by your browser and see if there are any failed requests, could you please provide us with a HAR file? [This article](https://support.zendesk.com/hc/en-us/articles/4408828867098-Generating-a-HAR-file-for-troubleshooting) explains the process and provides detailed instructions for Chrome, Firefox, Safari, Edge and Internet Explorer.
If you're using a different browser to any of these, please let us know and we'll guide you through the process of creating a HAR file.
2) Can you please expand the console error and provide more details on which file they are referring to and other details?
Thanks
Sree
0 -
here are the all the info asked about and https://drive.google.com/file/d/19FfLpvbkCmk5WeBUizbDO5jwEjzy9_l0/view?usp=sharing
i shared a drive link for har file because you guys have restriction on sending .har file please add .har file if you want this data from user. I hope my info will be safe and i can work on my project as soon as possible so please try to resolve this issue soon. thank you.
0 -
Hey there, thanks for the response.
The Next package is actually a community developed library. This library is developed, tested, and maintained by the community, which means we don’t directly support it and so we can’t guarantee that PRs/issues on those repos will get the attention you may expect.
I'm afraid, in this instance, we won't be able to provide specific troubleshooting or diagnostic information. Instead, I would suggest you reach out to the developer either via Github or Twitter. Links for both can be found here: https://www.npmjs.com/package/next-cloudinary#%EF%B8%8F-community--support
I hope this helps. Please let me know if you have any further questions.
Best regards,
-Danny
0 -
@colbyfayock can you possibly weigh in or is this better handled on GitHub?
0 -
@skysparko i suspect its related to this issue: https://github.com/colbyfayock/next-cloudinary/issues/279
could you create a new issue on the GitHub repository where we can continue discussing and resolving it from there?
0 -
@colbyfayock I would love to help you guys find this issue but my team is no longer using the next-cloudinary package for our project
thanks for you time
0 -
i appreciate update @skysparko - if you have any feedback beyond this issue, I'd love to hear about it. thanks for your time
0 -
not now thank you @colbyfayock btw we are hoping to use cldVideoPlayer in our next project hope this issue will get resolved til then
0
