Uploadcare Video Delivery

This is Uploadcare's video solution, powered by Video.js, offers a seamless and high-performance video streaming experience.

Features

• Optimized Streaming Quality: Dynamically adjusts video quality based on the viewer’s device and internet speed, ensuring the best possible viewing experience.
• Cost-Effective Bandwidth Usage: Reduces data consumption by delivering only the necessary video resolution, saving on bandwidth costs, especially for users with slower connections or smaller screens.
• Enhanced User Experience: Minimizes buffering and delays, providing smooth and uninterrupted playback, even on less reliable networks, leading to higher user engagement and satisfaction.
• Seamless Integration: Easy to use—simply upload your video file, and instantly receive a link for adaptive streaming, enabling quick deployment and management without technical complexities.

Quick Start

From NPM

1. Install the package: npm install @uploadcare/uc-video
2. Connect component from your script file

import '@uploadcare/uc-video';
import '@uploadcare/uc-video/style'

3. Add component in your application markup:

<uc-video uuid="UUID_FILE_FROM_UPLOADCARE"></uc-video>

From CDN

1. Connect UCVideo directly from your document:

<script type="module">
  import 'https://cdn.jsdelivr.net/npm/@uploadcare/uc-video/dist/uc-video.js';
</script>

2. Add UCVideo in your application markup:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@uploadcare/uc-video/dist/style.css"
/>

<uc-video uuid="UUID_FILE_FROM_UPLOADCARE"> </uc-video>

Attributes

UC Video is provided all the options from video.js and some unique proprietary attributes

• UUID: file uuid from uploadcare
• offset: to get a frame from the video for the poster. Example: offset="1:30" is 90sec
• showLogo: shows the logo, default is true

Framework support

Uploadcare Video Delivery is built with Web Components, meaning you can integrate it into any environment—no adapters required.