Embedding & Widgets

One line of HTML, zero cookies. Embed branded players, document previews, searchable media libraries, and live streams as web components — no consent banner required.

Zero cookies

All widgets run without cookies or tracking. No consent banner needed — GDPR compliant from the first page view.

Web Components

One HTML tag per widget. Works in any CMS, LMS, or static site — React, Angular, Vue, plain HTML.

Visual configurator

Configure widgets with real-time preview in the Publishing Suite. Copy the embed code and you're live.

Embedding workflow

1
Configure

Select widget type and customize appearance in the Publishing Suite

2
Copy embed code

Copy the one-line HTML tag for your chosen widget

3
Paste into your site

Add the tag to any CMS page, LMS course, or application template

4
Done

The widget loads content directly — no cookies, no consent banner, no backend setup

Built for any stack

Cookie-free web components — no consent banner
9 widget types: player, slider, media library, livestream, PDF, chapters, descriptions, carousel, recommendations
Adaptive streaming (HLS) on all devices
Automatic chapter navigation from AI
Full-text search inside embedded media libraries
Visual configurator with real-time preview
Responsive design for all screen sizes
Document embedding with page preview for PDFs
Image embedding with metadata display
Storybook documentation for developers
Works with any CMS, LMS, or static site
oEmbed — paste-to-embed in any oEmbed-compatible CMS or LMS
Embed in 60 seconds

From configurator to live widget

Pick a widget type, configure it visually, copy the embed code. Your content is live — cookie-free, responsive, and branded.

<!-- 1. Load the Streamdiver widget library -->
<script
  type="module"
  src="https://embed.streamdiver.com/sdk/v2/index.js">
</script>

<!-- 2. Embed a player -->
<streamdiver-player
  channel="YOUR_CHANNEL_ID"
  asset="YOUR_ASSET_ID">
</streamdiver-player>

<!-- 3. Or embed a full media library -->
<streamdiver-portal
  channel="YOUR_CHANNEL_ID"
  search="true">
</streamdiver-portal>

Integration flow

1
Pick widget typePlayer, library, slider...
2
Configure visuallyLive preview
3
Copy embed codeJS or iFrame
4
Paste into your siteAny CMS or LMS

Ready to get started?

Contact us for a personal demo and discover how Streamdiver can transform your workflow.