Codice Iframe Embed — Un Tag, Ogni Piattaforma

Codice Iframe Embed

Ogni video su AVCaption riceve un singolo codice iframe:

<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>

Incollalo su qualsiasi piattaforma che accetti HTML. Tutto qui.

Dove funziona

CMS / Blog

  • WordPress (blocco Custom HTML, blocco Code, HTML grezzo del post)
  • Ghost (HTML card)
  • Substack (HTML nei post, anche a pagamento)
  • Medium (limitato — solo bookmark card, niente iframe)
  • Hashnode (blocco Embed)

LMS / Piattaforme corsi

  • Teachable (il blocco Video accetta il codice iframe via “Custom Code”)
  • Thinkific (blocco Custom Code)
  • Kajabi (blocco HTML in post e pagine prodotto)
  • LearnDash (HTML nel corpo della lezione)
  • LearnWorlds (blocco Embed)
  • Podia (Custom HTML)

Builder no-code

  • Webflow (elemento Embed)
  • Bubble (elemento HTML)
  • Wix (blocco HTML iframe)
  • Squarespace (blocco Code)
  • Carrd (sezione Embed)
  • Framer (componente Embed)

Produttività / Knowledge

  • Notion (comando slash /embed)
  • Coda (Embed)
  • ClickUp (vista Embed)

Email — limitato. La maggior parte dei client email blocca gli iframe (Gmail, Outlook). Invia invece un link con anteprima og:image.

Parametri URL

Aggiungi query parameter alla src dell’iframe:

  • ?autoplay=1&muted=1 — avvia la riproduzione al caricamento (muto richiesto per l’autoplay)
  • ?start=120 — salta a 120 s
  • ?subtitle=vi — preseleziona il sottotitolo vietnamita
  • ?quality=1080 — forza la variante 1080p
  • ?loop=1 — riavvia alla fine
  • ?controls=0 — nascondi tutti i controlli (modalità chiosco)

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

Header di sicurezza

L’iframe risponde con:

  • Content-Security-Policy: frame-ancestors {your_whitelist} — i browser bloccano l’embedding su origini non in whitelist
  • Referrer-Policy: strict-origin — informazione referrer limitata a scheme+host
  • Permissions-Policy: autoplay=*; fullscreen=* — necessario perché l’attributo allow funzioni

Non configuri nulla — AVCaption imposta gli header corretti in base alla tua whitelist dei domini.

Performance

  • First paint: 600-900 ms su 4G mobile, sotto i 300 ms su banda larga
  • HLS.js + JS del player: ~60KB minified+gzipped
  • Primo segmento pre-riscaldato all’upload, servito dall’edge CDN
  • loading="lazy" ritarda il caricamento dell’iframe finché l’utente non vi si avvicina con lo scroll (consigliato)

Dimensionamento responsive

L’iframe è pienamente responsive con width="100%" e aspect-ratio: 16/9. Il video si scala al suo contenitore, è ciò che vuoi sulla maggior parte dei siti.

Per dimensione in pixel fissa: width="800" height="450" (o qualsiasi rapporto 16:9).

Per non-16:9 (es. video d’archivio 4:3): imposta aspect-ratio: 4/3 per coincidere con la sorgente.

Per iniziare

Ogni video caricato su AVCaption ha un codice iframe nella pagina di dettaglio del video. Registrati gratis, carica un video, copia il codice iframe, incollalo dove vuoi. Destinazioni di embed comuni: video hosting per LMS, corsi online, prodotti digitali.

Domande frequenti

L'embed iframe funziona su WordPress? +
Sì. Incollalo in un blocco Custom HTML, un blocco Code o direttamente nell'HTML del post. Lo strip dei tag script di WordPress non riguarda gli iframe.
Funziona in un LMS come Teachable, Thinkific, Kajabi? +
Sì. Tutte le principali piattaforme LMS supportano gli embed iframe. Alcune hanno un blocco 'video embed' dedicato; altre accettano HTML grezzo — entrambi funzionano.
E Notion, Substack, Ghost, Bubble? +
Notion supporta gli embed iframe via comando slash /embed. Substack supporta gli iframe nelle newsletter a pagamento. Ghost ha un blocco HTML personalizzato. Bubble ha un elemento HTML. Tutto funziona.
← content.back_to_index