Lightweight video player web component for playing VIDTREO-recorded videos. Embed videos with just a few lines of code.

VIDTREO Player SDK

Professional video playback for the web. VIDTREO Player provides a lightweight, customizable video player component that works with any framework or vanilla HTML.

VIDTREO Player uses ArtPlayer for video playback, providing a modern, feature-rich player experience with minimal setup.

Why VIDTREO Player?

Framework-Agnostic — Works with React, Vue, Angular, Svelte, or plain HTML
Lightweight — ~42KB gzipped, includes ArtPlayer library
Feature-Rich — Screenshot, picture-in-picture, fullscreen, settings panel
Customizable — Theme colors, control visibility, and more
Easy Integration — Single web component, no build step required

Quick Example

<script type="module" src="https://cdn.jsdelivr.net/npm/@vidtreo/player-wc@latest/dist/vidtreo-player.js"></script>

<vidtreo-player
  video-id="your-video-id"
  api-key="your-api-key"
></vidtreo-player>

Get Started

Installation

Install the player component in your project

Quick Start

Play your first video in 2 minutes

Authentication

Set up your API key and configure access

Features at a Glance

Feature	Description
Video Playback	Standard play/pause, seek, volume controls
Screenshot	Capture the current video frame
Picture-in-Picture	Play videos in a floating window
Fullscreen	Web and native fullscreen support
Settings Panel	Playback speed, aspect ratio, video flip
Theme Customization	Customize player colors to match your brand
Event Handling	Listen to player-ready and error events

Browser Support

VIDTREO Player requires modern browsers with Web Components support:

Browser	Minimum Version
Chrome	94+
Edge	94+
Firefox	130+
Safari	16.4+
Opera	80+

The component must be served over HTTPS (or localhost) for proper operation.

Package Information

Package	Description	Size
`@vidtreo/player-wc`	Web Component player	~42KB (gzipped)

Introduction