Programmable Media

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.
  • Product or e-commerce
  • Hero videos
  • Social media short form
  • Trailers, previews or teasers
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.
  • Marketing videos
  • Explainer or how-tos
  • Sports or news clips
  • Video podcasting
Live streaming Mechanism for streaming your own video out live to your users, can be simulcast via other platforms such as YouTube.
  • Webinars
  • Explainers or live workouts
  • Company or marketing events


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.


Top video tips
  • Many of Cloudinary's APIs default to image as the resource type. When running these APIs for videos, remember to explicitly set the resource_type to video.
  • When using automatic format selection for videos, we recommend using f_auto:video to 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 SDK
Optimize Videos in React
Optimize delivery of videos in a React app
Optimize Videos in Next.js
Optimize delivery of videos in a Next.js app
Video Player in React
Embed the Cloudinary Video Player in a React app
Embedding Videos in Next.js
Use the Cloudinary Video Player to embed videos using Next.js
Video Player in HTML
Embed the Cloudinary Video Player in HTML

✔️ Feedback sent!

Rate this page: