Digital Asset Management
Cloudinary Video: Manage and deliver video at scale
Last updated: Nov-01-2024
Overview
Cloudinary Video provides a wide range of robust and versatile APIs and developer tools plus UI-based features for efficient video management and delivery. Upload, store, transform, and deliver videos across various devices and platforms, ensuring high-quality accessible playback and optimal performance for video assets.
With Cloudinary Video you can easily take advantage of functionality for a variety of video types which can be broken down into three categories:
| Description | Use cases | |
|---|---|---|
| Short form | Short duration and designed to capture the attention of the user or showcase a product or feature. Consider optimizing performance and providing an impressive visual appearance. |
|
| Long form | Longer in duration and a wider variety of use-cases. Consider the handling of uploads and optimizing delivery by using adaptive bitrate streaming. |
|
| Live streaming | Mechanism for streaming your own video out live to your users, can be simulcast via other platforms such as YouTube. |
|
Get started
Before getting started with any of the video features, make sure you've signed up for an account and configured your product environment as outlined in our onboarding guide.
We also recommend taking a look at our video best practices guide to better understand how to really take advantage of Cloudinary's video features.
If you want to jump straight into coding, our SDK quick starts provide step-by-step code snippets that help you get an end-to-end project up and running, from initial SDK setup through delivering optimized and transformed media in 5 minutes or less! You'll be working with images here but once set up, it's easy to move onto video.
For those looking to upload, manage, share and create videos from our UI, head to the Video hub to get you started.
Otherwise, keep reading this page to see our top video links, demos, explorers and video tutorials.
Top links
Cloudinary Video Player
Feature rich HTML5 video player with fast delivery, streaming and built-in analytics capabilities.
Adaptive Bitrate Streaming
Deliver your long form videos using adaptive bitrate streaming (HLS and DASH) for an optimal video experience.
Video Transcription
Automatic generation of audio transcripts from videos to use as subtitles or captions.
Video Analytics
Comprehensive video analytics to help you optimize your video content served through Cloudinary.
Video Transformations
Wide variety of transformations to tailor your video experience to your use-case.
Live Streaming (Beta)
Start live streaming video content to your users or simulcast to other platforms.
- Many of Cloudinary's APIs default to
imageas the resource type. When running these APIs for videos, remember to explicitly set theresource_typetovideo. - When using automatic format selection for videos, we recommend using
f_auto:videoto ensure a video is always delivered, even when no file extension is supplied. - The Video player studio allows you to easily create, share or embed a video player with a video of your choice. You can open the studio for a specific asset directly from the asset's context menu (right clicking the asset) in the Media Library.
Demos and explorers
Video Player Components
Code explorers showing a basic example of a Video Player component for both React and Angular.
Social Media Video
React code explorer with a mobile phone frame to showcase an infinitely scrolling video feed.
JavaScript Video Transformations
JavaScript explorer for experimenting and playing with a variety of video transformations.
Video tutorials
Upload Videos in Node.js
Upload videos to Cloudinary using the Node.js SDKOptimize Videos in React
Optimize delivery of videos in a React appOptimize Videos in Next.js
Optimize delivery of videos in a Next.js appVideo Player in React
Embed the Cloudinary Video Player in a React appEmbedding Videos in Next.js
Use the Cloudinary Video Player to embed videos using Next.jsVideo Player in HTML
Embed the Cloudinary Video Player in HTMLError
Rate this page:
