Player Embed Codes | Stil
Unser Web-Player kann auf drei Arten eingebunden werden je nach Website und gewünschtem Design:
1. Standard (Script Embed Code)
Dies ist die empfohlene Methode für die Einbindung des Players. Kopiere den vollständigen Embed-Code aus deinem Podcast oder deiner Episode. Die gekürzten Beispiele auf dieser Seite zeigen nur den Aufbau und sind nicht zum direkten Einfügen geeignet.
<script class="podigee-podcast-player" src="https://..." data-configuration="https://....podigee.io/embed?context=external"></script>
❗️ Der Script-Embed muss im <body> deiner Webseite eingefügt werden. Ein Einfügen im <head> ist nicht unterstützt.
Funktionen und Hinweise:
- Einfache Integration mit nur einer Zeile Code.
- Der Player wird über das eingebundene Script geladen.
- Die verfügbaren Funktionen hängen von der Player-Konfiguration ab. Prüfe sie auf der veröffentlichten Website.
💡 Alternative, wenn der Standard-Embed nicht funktioniert: In seltenen Fällen (z. B. bei gewissen CMS oder Website-Buildern), kann der vereinfachte Code des Eingeschränkten Embed Codes verwendet werden ⬇️
2. Eingeschränkter Embed Code (iFrame)
Diese Variante nutzt einen iFrame. Sie kann eine Alternative sein, wenn dein Website-System keine eigenen Scripts zulässt, aber iFrames erlaubt.
<iframe src="https://....podigee.io/embed?context=external..."></iframe>
Funktionen und Hinweise:
- Die Nutzbarkeit hängt davon ab, welche Einbettungen dein Website-System erlaubt.
- Der iFrame ist keine allgemeine Sicherheits- oder Datenschutzgarantie für deine Website.
Einschränkungen prüfen:
Der eingeschränkte Embed-Code kann weniger Bedienfunktionen als der Script-Embed bieten. Prüfe insbesondere Theme, Höhe, ausklappbare Bereiche und gegebenenfalls die Anmeldung auf deiner veröffentlichten Website. Wenn eine benötigte Funktion fehlt, verwende den Script-Embed oder kontaktiere den Support.
Ein angezeigter Player macht weder den Feed noch die Mediendateien privat. Zugriffsschutz ist eine separate Einstellung. Wenn die Einbettung nicht funktioniert, nenne dem Support die Website-URL und beschreibe die fehlende Funktion oder die Fehlermeldung.
3. Externes Theme (Individuelles Design)
Die Verfügbarkeit eines externen Themes hängt von deinem Paket ab. Prüfe die Optionen in deinem Konto und die aktuellen Pakete. Bei Fragen zu älteren Paketen hilft dir der Support. Ein externes Theme ermöglicht die vollständige Anpassung des Players mithilfe selbst gehosteter HTML- und CSS-Dateien. Frage den Support nach der passenden SDK-Dokumentation und dem Zugang zum Player-Repository.
Voraussetzungen:
- Für dein Konto verfügbares externes Theme
- Eigener Server oder Hosting-Zugang.
- HTML- und CSS-Kenntnisse.
Vorgehen:
- Erstelle ein individuelles HTML-Layout und eine passende CSS-Datei.
- Lade beide Dateien auf deinen Server hoch.
- Trage die URLs im Interface unter Stil „Externes Theme“ ein.
Funktionen und Hinweise:
- Maximale Gestaltungsfreiheit (Farben, Fonts, Layout).
- Ideal für Corporate Branding und Entwicklerprojekte.