Custom Embed Player
Der AVCaption-Embed-Player ist ein einziger Iframe, den Sie auf Ihrer Site, in Ihrem LMS, im Membership-Portal, im Blogpost ablegen — überall dort, wo HTML läuft. Er sieht aus wie Ihre Marke, spielt Ihr Video ab und respektiert Ihre Zugriffsregeln.
Was Sie anpassen können
Markenfarbe — eine einzige Akzentfarbe im Dashboard setzen. Fortschrittsbalken, Hover-Highlights, Untertitel-Akzent und Play-Button übernehmen sie.
Logo-Wasserzeichen (Premium) — PNG hochladen. Es erscheint in einer Bildecke mit einstellbarer Deckkraft. Bleibt während der Wiedergabe sichtbar.
Dynamisches Wasserzeichen je Zuschauer (Enterprise) — E-Mail, ID oder IP-Adresse des authentifizierten Zuschauers in den Videostream einblenden. Wird das Video aufgenommen und öffentlich gepostet, identifiziert das Wasserzeichen den Verursacher. Der Text bewegt sich periodisch, um einfaches Wegschneiden zu verhindern.
Untertitel-Stilvorlagen — Typografie, Größe, Hintergrund, Position, Kantenstil. Vorgefertigte Presets (Netflix-Stil, YouTube-Stil, Anime-Hardsub-Stil) oder eigene.
Player-Steuerelemente — wählen Sie, welche Bedienelemente erscheinen: Play/Pause, Lautstärke, Vollbild, PIP, Geschwindigkeit, Qualitätsauswahl, Untertitelauswahl, AirPlay, Cast.
Standards für Autoplay / Loop / Mute — pro Video per Embed-URL-Parameter überschreibbar.
Domain-Whitelist — geben Sie genau an, welche Domains den Iframe hosten dürfen. Hotlinks von anderswo bekommen einen 403.
Der Embed-Code
<iframe
src="https://avcaption.com/watch/{your_embed_token}"
frameborder="0"
allow="autoplay; encrypted-media; fullscreen"
allowfullscreen
loading="lazy"
width="100%"
style="aspect-ratio: 16/9"
></iframe>
Das war’s. Keine JS-Abhängigkeiten, kein Script-Tag, kein CSS-Konflikt mit Ihrer Site. Läuft in jedem modernen Browser inklusive Safari, Firefox, Chrome, Edge, Mobilbrowsern und In-App-Webviews.
URL-Parameter zur Feinsteuerung
Hängen Sie Query-Parameter an die Iframe-src, um Standards pro Einbettung zu überschreiben:
?autoplay=1— beim Laden direkt abspielen (unterliegt den Browser-Autoplay-Regeln — gemutet empfohlen).?muted=1— gemutet starten (für Autoplay in den meisten Browsern erforderlich).?loop=1— am Ende neu starten.?start=120— beim Laden zu Sekunde 120 springen.?quality=1080— bestimmte Variante erzwingen.?subtitle=vi— Untertitelsprache vorauswählen.?controls=0— alle Bedienelemente ausblenden (für Kiosk-Modus).?theme=dark|light— Player-Theme überschreiben.
Browser-Unterstützung
- Chrome / Edge — voller HLS via Media Source Extensions (HLS.js)
- Firefox — voller HLS via HLS.js
- Safari (Desktop + iOS) — natives HLS, keine JS-Bibliothek nötig
- Mobile Chrome (Android) — voller HLS via HLS.js
- iOS 16+ — verifiziert, inklusive PIP, AirPlay, Vollbild
- In-App-Webviews (LMS-Apps, Hybrid-Mobile-Apps) — auf gängigen Plattformen verifiziert
Performance
Der Player ist <60 KB minified+gzipped inklusive HLS.js. First-Frame-Paint im Schnitt 600–900 ms auf 4G Mobile, unter 300 ms auf Breitband. Die CDN-gecachte Master-Playlist plus erstes Segment ist der kritische Pfad; AVCaption wärmt beide beim Upload vor.
Im Vergleich zu anderen Plattformen
- Wistia / Vimeo OTT — schwerere Player mit mehr eingebautem Marketing-Tooling. Langsamerer First Frame, größerer JS-Payload.
- Mux Player — leichter als Wistia, aber UI für Wasserzeichen / Branding selbst zu bauen. AVCaption liefert die Marken-Bedienelemente direkt im Dashboard.
- JW Player — Feature-vollständig, aber großer JS-Payload, und das SDK verlangt Lizenzschlüssel pro Domain.
- Bunny / CF Stream — vergleichbar leichte Player mit weniger Markenanpassung.
Loslegen
Schnellster Test: kostenlos registrieren, ein Video hochladen, Akzentfarbe und Logo in den Player-Einstellungen setzen, iframe von der Video-Detailseite kopieren und in Ihre Site einfügen. Ein gebrandeter Player in unter 5 Minuten. Übliche Einsätze: LMS-Video-Hosting, Membership-Site-Video, Agentur-Kunden-Video.