Embedding & Widgets

Eine Zeile HTML, null Cookies. Branded Player, Dokumentenvorschau, durchsuchbare Mediatheken und Livestreams als Web Components einbetten — kein Consent-Banner nötig.

Null Cookies

Alle Widgets laufen ohne Cookies oder Tracking. Kein Consent-Banner nötig — DSGVO-konform ab dem ersten Seitenaufruf.

Web Components

Ein HTML-Tag pro Widget. Funktioniert in jedem CMS, LMS oder jeder statischen Seite — React, Angular, Vue, reines HTML.

Visueller Konfigurator

Widgets mit Echtzeit-Vorschau in der Publishing Suite konfigurieren. Embed-Code kopieren und live gehen.

Einbettungs-Workflow

1
Konfigurieren

Widget-Typ wählen und Erscheinungsbild in der Publishing Suite anpassen

2
Embed-Code kopieren

Den einzeiligen HTML-Tag für das gewählte Widget kopieren

3
In Website einfügen

Den Tag in jede CMS-Seite, LMS-Kursseite oder Anwendungs-Template einfügen

4
Fertig

Das Widget lädt Inhalte direkt — keine Cookies, kein Consent-Banner, kein Backend-Setup

Für jeden Stack gebaut

Cookie-freie Web Components — kein Consent-Banner
9 Widget-Typen: Player, Slider, Mediathek, Livestream, PDF, Kapitel, Beschreibungen, Karussell, Empfehlungen
Adaptives Streaming (HLS) auf allen Geräten
Automatische Kapitelnavigation per KI
Volltextsuche in eingebetteten Mediatheken
Visueller Konfigurator mit Echtzeit-Vorschau
Responsive Design für alle Bildschirmgrößen
Dokument-Einbettung mit Seitenvorschau für PDFs
Bild-Einbettung mit Metadaten-Anzeige
Storybook-Dokumentation für Entwickler
Funktioniert mit jedem CMS, LMS oder statischer Website
oEmbed — per URL einbetten in jedem oEmbed-kompatiblen CMS oder LMS
In 60 Sekunden einbetten

Vom Konfigurator zum Live-Widget

Widget-Typ wählen, visuell konfigurieren, Embed-Code kopieren. Ihr Content ist live — cookie-frei, responsiv und gebrandmarkt.

<!-- 1. Widget-Bibliothek laden -->
<link rel="stylesheet"
  href="https://assets.streamdiver.com/playerwidget/2/sdwebwidgets.css">
<script type="module" crossorigin="anonymous"
  src="https://assets.streamdiver.com/playerwidget/2/sdwebwidgets.js">
</script>

<!-- 2. Player einbetten -->
<sd-media-widget
  tenant-name="YOUR_TENANT"
  asset-id="YOUR_ASSET_ID"
  channel-id="YOUR_CHANNEL_ID"
  locale="de">
</sd-media-widget>

<!-- 3. Oder eine komplette Mediathek einbetten -->
<sd-media-library-widget
  tenant-name="YOUR_TENANT"
  locale="de"
  url-pattern="/watch?assetId={assetId}">
</sd-media-library-widget>

Integrations-Ablauf

1
Widget-Typ wählenPlayer, Mediathek, Slider...
2
Visuell konfigurierenLive-Vorschau
3
Embed-Code kopierenJS oder iFrame
4
In Website einfügenJedes CMS oder LMS

Bereit loszulegen?

Kontaktieren Sie uns für eine persönliche Demo und erfahren Sie, wie Streamdiver Ihren Workflow transformieren kann.