Werkt de iframe-embed op WordPress?

Ja. Plak hem in een Custom HTML-blok, een Code-blok, of direct in de post-HTML. Dat WordPress scripttags strippt raakt iframes niet.

Werkt het in een LMS als Teachable, Thinkific, Kajabi?

Ja. Alle grote LMS-platforms ondersteunen iframe-embeds. Sommige hebben een speciaal 'video embed'-blok; andere accepteren rauwe HTML — beide werken.

En Notion, Substack, Ghost, Bubble?

Notion ondersteunt iframe-embeds via de slashopdracht /embed. Substack ondersteunt iframes in betaalde nieuwsbrieven. Ghost heeft een custom HTML-blok. Bubble heeft een HTML-element. Alles werkt.

Iframe Embed-code

Elke video op AVCaption krijgt één 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>

Plak het op elk platform dat HTML accepteert. Klaar.

Waar het werkt

CMS / Blog

WordPress (Custom HTML-blok, Code-blok, rauwe post-HTML)
Ghost (HTML-card)
Substack (HTML in posts, ook betaalde posts)
Medium (beperkt — alleen bookmark-cards, geen iframe)
Hashnode (Embed-blok)

LMS / Cursusplatforms

Teachable (Video-blok accepteert iframe-code via “Custom Code”)
Thinkific (Custom Code-blok)
Kajabi (HTML-blok in posts en productpagina’s)
LearnDash (HTML in lesinhoud)
LearnWorlds (Embed-blok)
Podia (Custom HTML)

No-code builders

Webflow (Embed-element)
Bubble (HTML-element)
Wix (HTML iframe-blok)
Squarespace (Code-blok)
Carrd (Embed-sectie)
Framer (Embed-component)

Productiviteit / Knowledge

Notion (slashopdracht /embed)
Coda (Embed)
ClickUp (Embed-view)

E-mail — beperkt. De meeste e-mailclients blokkeren iframes (Gmail, Outlook). Stuur in plaats daarvan een link met og:image-preview.

URL-parameters

Voeg query-parameters toe aan de src van de iframe:

?autoplay=1&muted=1 — bij laden afspelen (gedempt vereist voor autoplay)
?start=120 — naar seconde 120 springen
?subtitle=vi — Vietnamees ondertitel voorselecteren
?quality=1080 — 1080p-variant forceren
?loop=1 — opnieuw beginnen aan het einde
?controls=0 — alle bedieningen verbergen (kioskmodus)

Combineren kan: ?autoplay=1&muted=1&start=30&subtitle=es.

Beveiligingsheaders

De iframe antwoordt met:

Content-Security-Policy: frame-ancestors {your_whitelist} — browsers blokkeren embedden op niet-gewhitelistede origins
Referrer-Policy: strict-origin — referrer-informatie beperkt tot scheme+host
Permissions-Policy: autoplay=*; fullscreen=* — nodig om het allow-attribuut te laten werken

Je configureert hier niets — AVCaption stelt de juiste headers in op basis van je domain whitelist.

Performance

First paint: 600-900 ms op 4G mobiel, onder de 300 ms op breedband
HLS.js + speler-JS: ~60 KB minified+gzipped
Eerste segment voorverwarmd bij upload, geleverd vanaf CDN-edge
loading="lazy" stelt het laden van de iframe uit tot de gebruiker er in de buurt scrollt (aanbevolen)

Responsieve grootte

De iframe is volledig responsief met width="100%" en aspect-ratio: 16/9. De video schaalt mee met de container, wat op de meeste sites de bedoeling is.

Voor een vaste pixelgrootte: width="800" height="450" (of een andere 16:9-verhouding).

Voor niet-16:9 (bijv. 4:3-archiefmateriaal): zet aspect-ratio: 4/3 om bij de bron te passen.

Aan de slag

Elke video die naar AVCaption is geüpload, heeft een iframe-code op de videodetailpagina. Gratis registreren, upload een video, kopieer de iframe-code, plak hem overal. Veelvoorkomende embed-doelen: LMS-videohosting, online cursussen, digitale producten.

Iframe Embed-code — Eén Tag, Elk Platform