Play Video in React with the Cloudinary Video Player - Dev Hints

Embed and play videos from Cloudinary in a React app using the Cloudinary Video Player. Learn how to set up and configure the Video Player, play videos, and what options are available like themeing, subtitles, and other customizations.
📝 Cloudinary Video Player
cld.media/devhintsreactvpdocs
💾 Using the Cloudinary Video Player in React
github.com/colbyfayock/cloudi...
Instructor: Colby Fayock (‪@colbyfayock‬)
--
Cloudinary helps developers build performant experiences for the web with powerful optimization and transformation APIs.
🚀 Get started with a free account!
cld.media/devhintsreactvp
#cloudinary #devhints #reactjs #videos #webdevelopment

[@keyla___000]

Hello, thank you for your content it has helped me a lot. I have a question, if I want to autoplay you, should I pass it to you as a prop?

[@colbyfayock]

you should be able to pass in the autoplay attribute to the navigate

[@alokadevapriya]

Is there any way to use it as a background video for the website, without controls and with a loop video?

[@colbyfayock]

you should be able to add options for muted, autoplay (needs muted), and loop right on the player configuration. check out this page: cloudinary.com/documentation/video_player_api_reference

[@lutfiikbalmajid]

Can i using video outside cloudinary?

[@Cloudinary]

Yes, you can deliver remote files with Cloudinary's fetch option! cloudinary.com/documentation/fetch_remote_images#video_example

[@Rishusrivastava519]

Where is that public id coming from

[@hassanistic]

got to know how?

[@colbyfayock]

the public ID is a reference to the asset uploaded to your Cloudinary account - you can find that by visiting your Media Library once signed into Cloudinary

[@colbyfayock]

@@hassanistic the public ID is a reference to the asset uploaded to your Cloudinary account - you can find that by visiting your Media Library once signed into Cloudinary