@universal-web-video-player/player-web-component

The custom element adapter for the Universal Video Player.

Installation

npm install @universal-web-video-player/player-web-component

Usage

In HTML (via CDN)

ESM (Recommended)

<script type="module" src="https://cdn.jsdelivr.net/npm/@universal-web-video-player/player-web-component/dist/index.js"></script>

Global IIFE

<script src="https://cdn.jsdelivr.net/npm/@universal-web-video-player/player-web-component/dist/index.global.js"></script>

Usage

<uvp-player 
  source-url="https://example.com/video.mp4" 
  poster="https://example.com/poster.jpg"
  autoplay
></uvp-player>

In JavaScript

import { defineUvpPlayerElement } from '@universal-web-video-player/player-web-component';

// Register the custom element
defineUvpPlayerElement();

const player = document.querySelector('uvp-player');
player.play();

Attributes

• source-url: URL of the video.
• source-type: mp4, hls, or dash.
• autoplay: Boolean.
• muted: Boolean.
• poster: Poster image URL.
• controls: Boolean (default true).
• playlist: JSON string of UvpSourceItem[].