Funktioniert der Iframe-Embed in WordPress?

Ja. Fügen Sie ihn in einen Custom-HTML-Block, einen Code-Block oder direkt in das Post-HTML ein. Dass WordPress Script-Tags entfernt, betrifft Iframes nicht.

Funktioniert er in einem LMS wie Teachable, Thinkific, Kajabi?

Ja. Alle gängigen LMS-Plattformen unterstützen Iframe-Embeds. Manche haben einen eigenen 'Video-Embed'-Block, andere akzeptieren rohes HTML — beides läuft.

Was ist mit Notion, Substack, Ghost, Bubble?

Notion unterstützt Iframe-Embeds über den Slash-Befehl /embed. Substack unterstützt Iframes in bezahlten Newslettern. Ghost hat einen Custom-HTML-Block. Bubble hat ein HTML-Element. Alles läuft.

Iframe-Embed-Code

Jedes Video auf AVCaption bekommt einen einzigen Iframe-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>

Auf jeder Plattform einfügen, die HTML akzeptiert. Mehr nicht.

Wo es läuft

CMS / Blog

WordPress (Custom-HTML-Block, Code-Block, rohes Post-HTML)
Ghost (HTML-Karte)
Substack (HTML in Posts, auch in bezahlten Posts)
Medium (eingeschränkt — nur Bookmark-Karten, kein Iframe)
Hashnode (Embed-Block)

LMS / Kurs-Plattformen

Teachable (Video-Block akzeptiert Iframe-Code via “Custom Code”)
Thinkific (Custom-Code-Block)
Kajabi (HTML-Block in Posts und Produktseiten)
LearnDash (HTML im Lesson-Body)
LearnWorlds (Embed-Block)
Podia (Custom HTML)

No-Code-Builder

Webflow (Embed-Element)
Bubble (HTML-Element)
Wix (HTML-Iframe-Block)
Squarespace (Code-Block)
Carrd (Embed-Sektion)
Framer (Embed-Komponente)

Produktivität / Knowledge

Notion (Slash-Befehl /embed)
Coda (Embed)
ClickUp (Embed-Ansicht)

E-Mail — eingeschränkt. Die meisten E-Mail-Clients blocken Iframes (Gmail, Outlook). Senden Sie stattdessen einen Link mit og:image-Vorschau.

URL-Parameter

Hängen Sie Query-Parameter an die Iframe-src:

?autoplay=1&muted=1 — beim Laden abspielen (muted für Autoplay erforderlich)
?start=120 — zu Sekunde 120 springen
?subtitle=vi — vietnamesischen Untertitel vorauswählen
?quality=1080 — 1080p-Variante erzwingen
?loop=1 — am Ende neu starten
?controls=0 — alle Bedienelemente verbergen (Kioskmodus)

Mehrere kombinieren: ?autoplay=1&muted=1&start=30&subtitle=es.

Sicherheits-Header

Der Iframe antwortet mit:

Content-Security-Policy: frame-ancestors {your_whitelist} — Browser blocken Einbettung auf nicht freigegebenen Origins
Referrer-Policy: strict-origin — Referrer-Info auf Schema+Host begrenzt
Permissions-Policy: autoplay=*; fullscreen=* — nötig, damit das allow-Attribut wirkt

Sie konfigurieren davon nichts — AVCaption setzt die richtigen Header anhand Ihrer Domain-Whitelist.

Performance

First Paint: 600–900 ms auf 4G Mobile, unter 300 ms auf Breitband
HLS.js + Player-JS: ~60 KB minified+gzipped
Erstes Segment wird beim Upload vorgewärmt, kommt vom CDN-Edge
loading="lazy" verzögert das Iframe-Laden, bis der Nutzer in die Nähe scrollt (empfohlen)

Responsive Größe

Der Iframe ist voll responsiv, wenn Sie width="100%" und aspect-ratio: 16/9 verwenden. Das Video skaliert mit dem Container, was auf den meisten Sites gewünscht ist.

Für feste Pixelgröße: width="800" height="450" (oder ein anderes 16:9-Verhältnis).

Für Nicht-16:9 (z. B. 4:3-Archivvideo): aspect-ratio: 4/3 setzen, um zur Quelle zu passen.

Loslegen

Jedes auf AVCaption hochgeladene Video hat einen Iframe-Code auf der Video-Detailseite. Ein Test-Video hochladen, den iframe kopieren und in ein Notion-Dokument oder einen Blogpost-Entwurf einfügen — die Einbettung rendert genauso wie später in Teachable, Kajabi, Confluence, Salesforce-Community-Seiten oder Ihrer eigenen Site. Übliche Produktions-Embed-Ziele: LMS-Video-Hosting, Online-Kurse, Digitale Produkte.

Iframe-Embed-Code — Ein Tag, jede Plattform