VideoPlayer Demo

React Component `<VideoPlayer />`

Direct URL Mode

0:00

0:00

Token Mode (API)

Enter a token to test API-based loading.

import { VideoPlayer, VeelEmbed, VeelProvider } from "@veelapp/react";

// Direct URL
<VideoPlayer src="https://example.com/video.m3u8" />

// Token-based (fetches from API)
<VeelProvider endpoint="https://gateway.veelapp.com/graphql">
  <VeelEmbed token="YOUR_TOKEN" type="video" />
</VeelProvider>

Web Component `<veel-player>`

Uses the CDN sdk.js bundle. No React required on the host page.

Enter a token above to also preview the Web Component embed.

<script src="https://cdn.veelapp.com/sdk.js" async></script>
<veel-player token="YOUR_TOKEN"></veel-player>