Skip to content

uploadcare/uc-video

Folders and files

NameName
Last commit message
Last commit date

Latest commit

8a89df0 · Feb 19, 2025

History

54 Commits
Feb 19, 2025
Feb 19, 2025
Oct 17, 2024
Feb 18, 2025
Feb 18, 2025
Feb 19, 2025
Feb 19, 2025
Feb 19, 2025
Feb 19, 2025
Oct 17, 2024
Feb 19, 2025
Feb 19, 2025
Oct 17, 2024
Feb 19, 2025
Feb 19, 2025
Feb 19, 2025
Feb 18, 2025
Feb 18, 2025
Feb 18, 2025

Repository files navigation

Uploadcare logo

WebsiteDocsBlogDiscordTwitter

Uploadcare Video Delivery

NPM version Build Status GitHub release Uploadcare stack on StackShare

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
  1. Connect the component from your script file:
import '@uploadcare/uc-video';
import '@uploadcare/uc-video/style'
  1. 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>
  1. 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 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 Delivery is built with Web Components, meaning you can integrate it into any environment — no adapters required.

Security issues

If you think you ran into something in Uploadcare libraries that might have security implications, please hit us up at bugbounty@uploadcare.com 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 hello@uploadcare.com.