Uploadcare Video Player

Speed up video releases with our plug-and-play player. It's a part of Uploadcare Video CDN solution, designed to enable native video streaming on your website or app

Features

• A ready-to-use video player powered by Video.js—no need to build from scratch!
• Easily integrate anywhere—we support all modern frameworks out of the box, with no adapters required.
• Provide end users with everything they need for video playback, including basic controls, a quality picker, and picture-in-picture mode.
• Part of Uploadcare Video CDN, that lets you integrate on-demand video-handling infrastructure in minutes and enable immediate playback for your users

Quick Start

From NPM

1. Install the package:

npm install @uploadcare/uc-video

2. Connect the component from your script file:

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

3. Add the 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

Uploadcare Video Player provides all the options from video.js and some unique proprietary attributes:

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

Framework support

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

Check our latest video tutorial on integrating Video CDN and subscribe to our channel to more details.

Browser support

The latest desktop and mobile stable versions of Chrome, Edge, Firefox, Opera, and Safari are supported.

Security issues

If you think you ran into something in Uploadcare libraries that might have security implications, please hit us up at [email protected] or Hackerone.

We'll contact you personally in a short time to fix an issue through co-op and prior to any public disclosure.

Feedback

Issues and PRs are welcome. You can provide your feedback or drop us a support request at [email protected].