Last updated: Aug-27-2023
Learn how to optimize the delivery of your videos with the Cloudinary
AdvancedVideo component in React.
This tutorial presents the following topics. Click a timestamp to jump to that part of the video.
|0:00||Adding videos to your application can significantly add weight to your page, impacting performance and user experience. Cloudinary provides ways to reduce the weight of videos by automatically optimizing their quality and format for delivery.|
|0:18||Once you've installed and configured the Cloudinary React SDK, and you're using the
|1:18||You can optimize your videos further by delivering the size you need using resize transformations.|
Upload Assets in ReactUpload assets using the Upload widget in a React App
Video Player in ReactEmbed the Cloudinary Video Player in a React app
Video TransformationsBuild an e-commerce video showcasing products, in Node.js
Check out the Cloudinary Academy for free self-paced Cloudinary courses on a variety of developer or DAM topics, or register for formal instructor-led courses, either virtual or on-site.