Website • Docs • Blog • Discord • Twitter
This is Uploadcare's video solution, powered by Video.js, offers a seamless and high-performance video streaming experience.
- 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.
- Install the package:
npm install @uploadcare/uc-video
- Connect the component from your script file:
import '@uploadcare/uc-video';
import '@uploadcare/uc-video/style'
- Add the component in your application markup:
<uc-video uuid="UUID_FILE_FROM_UPLOADCARE"></uc-video>
- Connect
UCVideo
directly from your document:
<script type="module">
import 'https://cdn.jsdelivr.net/npm/@uploadcare/uc-video/dist/uc-video.js';
</script>
- 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>
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"
is90sec
- showLogo: shows the logo, default is
true
Uploadcare Video Delivery is built with Web Components, meaning you can integrate it into any environment — no adapters required.
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.
Issues and PRs are welcome. You can provide your feedback or drop us a support request at hello@uploadcare.com.